Vue组件
文章平均质量分 75
Y一蓑烟雨任平生
如果有来生,要做一棵树,站成永恒,没有悲伤的姿势:一半在尘土里安详,一半在空中飞扬;一半散落阴凉,一半沐浴阳光。非常沉默非常骄傲,从不依靠从不寻找。
展开
-
自定义封装element-ui-table组件
为什么对element进行二次封装? element-ui组件的部分样式不满足当前项目需求 element-ui组件出现问题的时候,我们用中间件支持,不至于整个项目崩塌。 二次封装的弊端: 因为我们对element-ui进行了二次封装,当element-ui组件升级的时候,所以我们封装的组件不能直接使用element-ui的新方法,就需要有人不断的对组件进行维护,有一定的开发成本。 封装步骤: 在 components 文件夹下创建一个 element-table 文件夹,在里边分别创建原创 2020-09-14 08:13:40 · 421 阅读 · 0 评论 -
Vue实现头部导航
views文件下创建 Layout.vue ,Mine.vue, Search.vue, Topic.vue组件 配置路由,Layout组件是入口文件,其他组件作为Layout组件的子组件 配置点击高亮–> linkActiveClass : “active”, const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, linkActiveClass: "active", /..原创 2020-09-13 22:57:35 · 982 阅读 · 0 评论 -
Vue组件(点击返回顶部)
在components文件夹下创建 ClientHeight.vue 和 index.js 文件 //ClientHeight.vue配置 <template> <div class="th-back-top" v-show="flag" @click="clickHidden"> <span class="bg-back2top2"></span> </div> </template> <s.原创 2020-09-12 22:48:14 · 120 阅读 · 0 评论