随笔分类 -  element

element
elementui tab标签管理路由页面
摘要:文章目录 样式 准备 思路 搭建 搭建页面框架 准备状态管理 监听路由变化 tab方法 登录 与 退出登录 样式 准备 搭建好的vue脚手架(elementui,router,vuex) elementui(NavMenu 导航菜单,Tabs 标签页) 思路 将打开的所有路由放到一个栈里(openT 阅读全文

posted @ 2020-08-01 13:32 漫思 阅读(4295) 评论(0) 推荐(0) 编辑

iview上的兼容性问题
摘要:1、transfer树形 经典的用法 <Poptip :transfer="true" confirm title="确定要删除这条记录吗?" @on-ok="ok(row)" @on-cancel="cancel"> <Button type="error" size="small">删除</Bu 阅读全文

posted @ 2020-06-29 08:46 漫思 阅读(796) 评论(0) 推荐(0) 编辑

Vue 中 css scoped 样式穿透 ( stylus[>>>] / sass / less[/deep/] )
摘要:scoped看起来很好用,当时在Vue项目中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped 1、stylus的样式穿透 使用 >>> .wrapper >> 阅读全文

posted @ 2020-03-31 10:45 漫思 阅读(4254) 评论(0) 推荐(1) 编辑

vue+Elment-UI,修改element组件样式
摘要:在用vue开发项目过程中,我们总是避免不了的会使用到elementUI,它里面提供的一些组件都为我们的开发带来了很大的便利,但是,当有时候我们需要使用这些组件的同时又要修改下组件的UI样式的话,我们该怎么去做呢?接下来我们来看下。 如上图所示,elementUI的多选框是方框的,那么如果我们需要一个 阅读全文

posted @ 2020-03-30 20:02 漫思 阅读(4450) 评论(0) 推荐(1) 编辑

vue css >>> /deep/ 穿透
摘要:vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>,穿透scoped。 有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名) <style scoped> 外层 >>> 阅读全文

posted @ 2020-03-30 19:07 漫思 阅读(1479) 评论(0) 推荐(0) 编辑

【应用】如何使用 element-ui 之 NavMenu 导航菜单 中 的 router 属性(在激活导航时以 path 进行路由跳转)
摘要:效果图: 使用: 1.<template> <el-header style="height: 61px" > <el-menu mode = "horizontal" background-color = "#76c7f4" text-color = "#000000" active-text-c 阅读全文

posted @ 2020-02-24 23:11 漫思 阅读(7011) 评论(0) 推荐(0) 编辑

Elementui el-input 实现自定义 v-model
摘要:Vue 本身支持自定义组件实现 v-model ,但 el-input 作为 Elementui 的自定义组件也已经实现 v-model ,那么如果在自定义组件中使用 el-input ,但自定义组件也想实现 v-model ,应该怎么做? 错误的方式 Vue 中让自定义组件实现 v-model 可 阅读全文

posted @ 2020-02-24 00:33 漫思 阅读(5108) 评论(0) 推荐(0) 编辑

element-ui table 点击分页table滚到顶部
摘要:设置element-ui table 点击分页table滚到顶部 设置table的 ref='multipleTable' //切换分页的方法加上下面这句,table就能自动滚到顶部 this.$refs.multipleTable.bodyWrapper.scrollTop = 0; 阅读全文

posted @ 2020-02-14 16:48 漫思 阅读(1725) 评论(0) 推荐(0) 编辑

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示