随笔分类 - element
element-ui
摘要：把element的全选从一组改成多组 变成多个数组，能同时全选，非全选，效果如下 代码如下 uusdList: [ //数据 { country:'埃及', isUpdate: true, isIndeterminate: true, checkAll: false, checkedChannel:
阅读全文
摘要：一个表格中的勾选框，根据每一列的条件判断是否可以选择。只需要在table的type="selection"列新增一个selectableCallback <el-table-column type="selection" :selectable="selectableCallback"/> sele
阅读全文
摘要：在Element UI的Table组件中，如果你想要某些行的多选框不可用，可以使用selectable属性。这个属性接受一个方法，该方法会对每一行的数据进行判断，返回false则该行的多选框会被禁用。 以下是一个简单的示例代码： <template> <el-table :data="tableDa
阅读全文
摘要：TimePicker在官网中给的例子是有默认值的 <template> <el-time-picker is-range v-model="value1" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" plac
阅读全文
摘要：场景：我的表格列表地方有做重置的按钮。重置时，排序状态，及高这样式应当清除掉 第一步：增加ref="table" <el-table :max-height="'700px'" @sort-change="sort" ref="table" :data="collectLoanOrderList">
阅读全文
摘要：修改某一行的样式 背景：我想要给表格的其中某一行单独加一个样式，比如加粗 第一个地方：:row-class-name="tableRowClassName" 第二个地方写上方法： tableRowClassName({row, rowIndex}) { if (rowIndex 6) { retur
阅读全文
摘要：根据项目需求，在百分比列加了sortable的排序 ，然后就发现在一直不准确 后来发现是排序把这个值当字符串处理了，在prop上面获取数值进行排序，显示的地方加上%就好了 <el-table-column :label="$t('common_pass_rate')" prop="pass_rate
阅读全文
摘要：我的效果图如下： 1 <template> 2 <div class="mcontainer"> 3 <el-form :model="formApp" ref="formApp" :rules="rules"> 4 <el-form-item label="APP选择" :label-width=
阅读全文
摘要：在使用tab切换时，由于使用的表格列，有时候会有不同，使用v-if做判断，在切换时，往往没有很准确的显示和隐藏掉相关列； 会错乱的写法： 1 <el-table-column v-if="activeName 'three' ">金额数</el-table-column>2 <el-table-co
阅读全文
摘要：给 cascader 组件赋值一个别名 ref="myCascader" 1 <el-cascader 2 ref="myCascader" 3 v-model="curCity" 4 :options="city" 5 @change="changeProvinceCity" 6 placehol
阅读全文
摘要：项目中有出现需要输入内容的时候，input框有时候会无法输入进去，感觉像是被禁用了！代码如下: <el-input v-model="formBank.name" clearable autocomplete="off"></el-input> 解决方法 this.$forceUpdate(); <
阅读全文
