
vue学习
Ella Shen
这个作者很懒,什么都没留下…
展开
-
vue-router + ElementUI实现NavMenu 导航菜单 选中状态的切换
发现首页进入之后没有到任何一个页面切换只有点击首页才能出现信息贴上代码:<template> <div class="home"> <div class="Top"> <div style="float: right;"> <a style="color: white">● 登录</a> <a style="color: white;margin-left: 20p.原创 2020-12-05 13:56:52 · 3149 阅读 · 0 评论 -
更改NavMenu 导航菜单激活时的背景颜色
效果图方法<style type="text/css">.el-menu-item.is-active { background-color: #2674c5 !important;}</style>我这边显示的是灰色的,我以为没用,原来是可以用的原创 2020-11-22 21:56:25 · 5034 阅读 · 7 评论 -
vue-cli中elementUI样式失效
1、在vue的可视化界面中下载项目依赖可以选择全局或者按需引入然后进行依赖配置2、下载插件3、在项目中引入感谢yyh的方法原创 2020-10-27 11:40:05 · 878 阅读 · 0 评论 -
tab切换和图片叠加失效(已解决)
想要做的效果椭圆形的是边框,是一张图片,点击首页、实验目的就可以切换下面相应的内容遇到的问题加上图片后无法点击(没有加图片前是可以点击的)。尝试了加z-index的属性也没有用解决在tab切换的模块中加上样式不能同时在tab和图片添加,会失效position: absolute如果出现tab变成两行了就把tab最外面一层容器(例如div)的style加上width: -webkit-fill-available;解决...原创 2020-10-04 00:07:29 · 349 阅读 · 0 评论 -
vue cli3 项目打包成浏览器可以打开的html
原因如果不配置一些,npm run build 出来的html游览器打开是空白的。在根目录下新建vue.config.js文件module.exports = { //基本路径 publicPath:'./', //输出文件目录 outputDir:'dist', //webpack-dev-server相关配置 devServer:{ port:8011, host:'localhost', open:t原创 2020-10-03 23:39:32 · 1342 阅读 · 0 评论 -
安装vue-cli的采坑之路
vue-cli4我一开始的vue是2.9.6,然后安装了vue-cli4来源:https://www.bilibili.com/video/BV1wJ41157TH?p=1手动创建项目来源:https://blog.youkuaiyun.com/weixin_46686024/article/details/108324507我一开始用的是git bash,但是选择的时候不能用方向键,所以改成了cmd长时间停留在fetchMetadata如果长时间停留在fetchMetadata,可以选择更换源npm原创 2020-09-28 19:27:59 · 153 阅读 · 0 评论 -
vue中el-tab-pane切换问题
vue中el-tab-pane切换问题今天在编写vue的时候用到了el-tabs,然后遇到切换的时候,在次打开el-dialog还是上次的状态(因为两次打开的el-tab-pane数量不一样,就出现了问题)如下:第一次打开时的状态,打开到第二次的时候解决方法给el-tab-pane命名<el-tabs type="border-card" v-model="activeName...原创 2019-08-29 15:24:53 · 42351 阅读 · 5 评论 -
点击el-card区域触发事件,点击button区域,阻止冒泡
实现的功能,点击el-card区域触发事件,点击button区域,阻止冒泡 获取当前的事件$event @click="deleteNotice(listData.index,$event)"按钮deleteNotice(index,e){//删除该通知e.stopPropagation()},...原创 2019-09-06 12:01:03 · 2953 阅读 · 0 评论