- 博客(5)
- 收藏
- 关注
原创 【vue2+elementUI】el-table实现跨页勾选。
el-table添加row-key,type="selection"添加:reserve-selection="true"即可。
2024-03-12 18:47:53 635 1
原创 【vue+elementUI】文本超出一定长度,展示tooltip文字提示。不超不展示。
1.给span设置样式(设置宽度和溢出显示省略号)此处widt为你要限制的宽度。2.绑定mouseenter。
2023-10-30 15:57:52 1222
原创 【vue+elementUI】校验el-form输入的内容是否符合规则+关闭页面清空el-form+关闭弹窗时清空表格所有勾选项+动态显示勾选条数
3.页面添加一个保存按钮,绑定save()方法对验证的数据进行处理。label-position 表单域标签的位置,如果值为 left 或者 right 时,则需要设置 label-width。给想要清空搜索项的el-form绑定一个ref,然后使用this.$refs.XXX.resetFields()即可。model 表单域model字段,在使用 validate、resetFields 方法的情况下,该属性是必填的。resetFields:对整个表单进行重置,将所有字段值重置为初始值并移除校验结果。
2023-10-18 18:40:17 2391
原创 【vue2+elementUI】el-table同时添加小计和合计,并固定表头。
小计为当前页面的累加和,合计为接口返回的数据(目前使用的假数据sumObject)。所以使用:summary-method="getSummaries"自定义合计行。如果没有自定义合计和小计,可以直接给el-table加一个:height="数字",就可以固定表头。el-table使用show-summary可以自动生成一个合计行。因为需求是添加两行,一个合计一个小计,并保留两位小数。3、css样式如下。
2023-10-13 11:12:55 3442
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人