vue
文章平均质量分 92
代码打太久会头疼
这个作者很懒,什么都没留下…
展开
-
vue+element-ui实现侧边菜单栏与标签页联动
使用vue+element-ui实现侧边栏菜单el-menu与el-tabs标签页联动效果先看实现效果实现思路el-menu使用vue-router的模式,以index进行路由跳转,当前激活菜单:default-active="$route.path",这样就会默认以当前路由路径高亮菜单选项,解决刷新等情况的高亮问题,主要代码 <el-menu :default-active="$route.path" class="el-menu-vertical-demo" .原创 2020-07-31 18:01:56 · 14005 阅读 · 7 评论 -
vue中scoped与/deep/深度选择器原理总结
最近在写一个vue+element-ui项目,使用element-ui某些组件修改样式时,老是需要加上/deep/深度选择器,以前只是知道这样用,但是还不清楚他的原理,这次就来好好的梳理一下1. 首先我们需要知道css中的属性选择器w3c解释:对带有指定属性的 HTML 元素设置样式。可以为拥有指定属性的 HTML 元素设置样式,而不仅限于 class 和 id 属性。注释:只有在规定了 !DOCTYPE 时,IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中,不支持属性选择。.原创 2020-07-31 16:25:20 · 2374 阅读 · 0 评论 -
vue-cli创建的vue项目指定入口文件
主要使用process.env.NODE_ENV === ‘production’判断当前环境,再使用config.entry(‘app’).clear().add(’…’) 指定入口文件module.exports = { chainWebpack: (config) => { config.resolve.alias //set第一个参数:设置的别名,第二个参数:设置的路径 .set('@', resolve('./src')) config.w.原创 2020-07-31 14:09:55 · 1797 阅读 · 0 评论