qq_38110274的博客

el-tree加滚动条

一、htnml部分如下1、type="selection"就是现实选框2、:row-key="getRowKey"（必须是唯一的字段，例如：id）和:reserve-selection="true"是必要的，可以记录选中的数据，翻页也无所谓<el-row justify="center"> <el-table ref="multipleTable" :data="productList" :row-key="getRowKey" :cell-style="cellClass" s

一、总述computed和watch都是vue框架中的用于监听数据变化的属性。二、computed计算属性1、使用方法和data中的数据一样，但是类似一个执行方法2、在调用时候不加（）3、必须有return返回4、如果函数所依赖的属性没有发生变化，从缓存中读取5、应用场景—求和，示例<el-form> <el-row> <el-col :span="24" style="display:flex;justify-content:flex-end;

el-tree单选和回显主要用到的el-tree的属性有：show-checkbox;check-strictly;default-checked-keys;default-expanded-keys;check-change事件，各属性简介：show-checkbox：显示checkbox框check-strictly：在显示复选框的情况下，使得父子不相互关联default-expanded-keys和default-checked-keys设置默认展开和默认选中的节点，这时候必须设置node-

vue +el-checkbox多选框实现单选1.表格加一列<el-table-column type="selection" align="center" width="100" />2.隐藏掉全选按钮/deep/ thead .el-table-column--selection .cell{ display: none;}3.给表格加一个 ref，例如：ref="Table" （加在el-table的属性里）给表格加一个事件 @selection="getCurr

vue+el-upload实现单文件多文件上传1、单文件上传<el-form-item :label="$t('Version.Attachment')"> <el-upload class="upload-demo" action="#" :headers="myHeaders" :before-remove="beforeRemove" :on-change="nowFile" :multiple="false"

el-cascader回显多条数据问题问题描述使用级联组件的时候，项目中可能需要点击编辑或者查看回显出已经存在的数据。这时候可能就会涉及到要回显多条数据的问题，要怎么解决呢？解决方法主要用到的el-cascader组件中的v-model props options 属性，具体代码示例如下(vue项目)<div class="line"> <el-cascader @change="theColumnChange" v-model="place_v

Vue.filter的封装和全局注册1、封装的单独文件，utils/filter.js2、在main.js中全局注册3、在任意vue文件中使用