![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element ui
xiejnpeng
这个作者很懒,什么都没留下…
展开
-
vue 城市选择器的使用 element-china-area-data
一、Element UI 中国省市区级联数据参考:https://www.npmjs.com/package/element-china-area-data1. 安装npm install element-china-area-data -S2. 使用import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-ch转载 2020-12-19 10:49:46 · 24828 阅读 · 1 评论 -
element-ui 表格中图片缩略图悬浮显示
示例代码如下:<el-table-column align="center" width="80" prop="url" label="图片"> <template scope="scope"> <el-popover placement="right" title="" trigger="hover"> <img :src="scope.row.url" style="height: 400px;width: 500px原创 2020-12-19 10:46:38 · 2711 阅读 · 2 评论 -
element-ui table之选择框禁止选中
本文转自:https://blog.csdn.net/qq_36437172/article/details/97935301需求场景:当我们对列表中一下数据选中后,调用接口处理数据中的状态,而对于已经处理了的数据,则不能再次进行处理。可能你首先想到的通过选中的数据,将其中的已处理数据过滤掉。这里我们通过已处理的数据,我们将禁止选中,那怎样才能实现呢?首先我们实现多选: 手动添加一个el-table-column,设type属性为selection即可;然后设置 selectable 属性来决定该行数转载 2020-12-18 16:19:07 · 1276 阅读 · 1 评论 -
element里面的trigger: ‘blur‘ 和 trigger: ‘change‘有什么区别
本文转自:https://blog.csdn.net/qq_22182989/article/details/103728781blur失去焦点比如输入框里。校验文本框是否为空change数据改变比如下图这些。需要手动选择的东西,用change没有进行任何输入时,不会触发change,但一定会触发blur事件...转载 2020-12-18 16:11:34 · 16597 阅读 · 2 评论 -
vue element表格如何动态设置按钮禁用状态?
我们只需在按钮内设置属性:disabled="scope.row.**== ‘实际值’ "如下图所示,disabled的值为true时禁用,false时为启用scope.row.xx代表当前行的某个变量举例:<el-button size="mini" type="text" :disabled ="scope.row.state == 1" icon="el-icon-edit" @click="handleUpdate(scope.row)"原创 2020-12-18 16:01:37 · 4963 阅读 · 5 评论 -
element UI 如何控制table列表最后的操作按钮的显示和隐藏?
需求:操作按钮修改和删除在这行是未冻结显示,是已冻结隐藏。代码如下:<!—假设权限的字段是 vehicleFreeze --><el-table-column label="车辆冻结" align="center" prop="vehicleFreeze" :formatter="vehicleFreezeFormat" /><el-table-column label="操作" align="center" class-name="small-padding fix原创 2020-12-18 15:49:54 · 4643 阅读 · 3 评论