随笔分类 - elementUI
摘要：vue 使用elementUI实现树懒加载功能以及节点过滤 1.过滤：设置filter-node-method，值为过滤函数。 2.懒加载：点击节点时才进行该层数据的获取 <el-input placeholder="输入关键字进行过滤" size="mini" v-model="filterTex
阅读全文
摘要：vue elementUI el-tree默认选中树节点 1.设置一个固定值作为key：node-key="id" 2.定义当前选中节点的key：:current-node-key="currentId" <el-tree node-key="id" :current-node-key="curre
阅读全文
摘要：在el-input中可以通过 prefix-icon（首部）和 suffix-icon（尾部） 属性在 input 组件增加显示图标，也可以通过 slot 来放置图标。如下图： 代码如下： <div class="demo-input-suffix"> 属性方式： <el-input placeho
阅读全文
摘要：首次加载默认选中节点，使用vue 的nextTick ，在他的内部去调用 el-tree的函数setCurrentKey html:设置node-key <el-tree ref="treeRef" :expand-on-click-node="false" :data="treeData" nod
阅读全文
摘要：elementui 一行5列布局 原理：elementUI里面有Layout 布局，只能分为24的因数。就如:span="6" 这种布局（如下图）。 我们在开发的时候，有时需要5或者7这样的布局。这时，只需要更改span的值，自己创建一个class名，直接使用即可。 span的值可以随意取，但是尽量
阅读全文
摘要：在Vue开发中，有时需要我在同一个页面或列表中，多次加载同一个组件，有时会出现组件不触发问题 在组件标签中加v-if来控制组件el-dialog内部组件的触发 <el-dialog title="" width="40%" :visible.sync="dialogVisible" :append-
阅读全文
摘要：<el-table :header-cell-style="{textAlign: 'center'}" :cell-style="{ textAlign: 'center' }" :data="tableData" stripe style="width: 100%"> <el-table-col
阅读全文
