element ui面试题（用element-ui ELDialog和ELTable遇见的坑）
本文目录
用element-ui ELDialog和ELTable遇见的坑
1、在column中设置type="selection"可以用checkbox复选框
2、element-ui文档中没有交代怎样根据数据源默认选中复选框
3、但是可以考虑用ELTable的toggleRowSelection方法在合适的时间手动选中
4、如果要用ELTable的方法，就需要用注册ref，才能在其父组件中调用其方法
5、此时发现table是在dialog里面的，如果dialog不打开，table的ref是注册不了的（可以给dialog的visible默认为true，但是又有个问题是页面加载出来dialog就打开了，就算在第一时间关掉，还是会闪屏一下）
6、可以用一个定时器来解决问题，虽然很low，但是效果显著，此过程响应很快，用户感知不到是默认选中还是加载之后手动选中
7、（提下此处需求：用户可以选中任意复选框，可以交换任意相邻行顺序，取消按钮取消操作，保存按钮提交选中的行）
至于注释中说到， 此处要用reserve-selection且不能用rowKey ，原因是在调换表格行顺序时，如果未设置reserve-selection，将会丢失表格中所有的复选框选中状态。如果设置了rowKey，在用户选中某行（原状态未选中）并取消提交后，再次打开dialog并渲染表格时，该行为默认选中状态。所以此处不必理会element-ui在控制台报出的“如果设置了reserve-selection，rowKey为必选项”警告
vue elementUI表单的常用校验
给 《el-input 标签添加以下属性
1、表单只能输入八位，最大输入长度
maxlength="10" 或者 oninput="if(value.length》8)value=value.slice(0,8)"
2、最大输入长度，并来展示字数统计
maxlength="10"
show-word-limit
3、表单里的账户，只能输入数字和英文大小写
:change="form.username = form.username.replace(//g, ’’)"
4、禁止输入空格
v-model.trim="form.username"
5、表单最大输入数字 9999
《el-input v-model="form.maxConcurrent" type="number" min="1" max="9999" oninput="if(value.length》4)value=value.slice(0,4)"》《/el-input》
更多文章：
sqlite格式的视频怎么打开（.sqlite是什么文件，用什么工具打开）
2026年11月7日 05:30
element ui面试题（用element-ui ELDialog和ELTable遇见的坑）
2026年11月7日 04:40
2026年11月7日 03:30
中文自动翻译成英语的输入法（有没有一种输入法能将打出来的中文自动变成英文）
2026年11月7日 02:10
equals to（为什么有些英文句子要用的是“equals to that of” 这个that和of之间还可以加名词吗）
2026年11月7日 01:50
default values（电脑开机后出现all settings was reset to default values.）
2026年11月7日 01:20
structured reviewing翻译（软件测试的英文翻译）
2026年11月7日 00:50
2026年11月6日 22:50
2026年11月6日 22:20
2026年11月6日 21:50
