随笔分类 -  element

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

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

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

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

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

摘要：效果图： 使用： 1.<template> <el-header style="height: 61px" > <el-menu mode = "horizontal" background-color = "#76c7f4" text-color = "#000000" active-text-c 阅读全文

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

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