vue+element ui中select组件选择失效问题原因与解决方法

.当表单form赋完值后，如果后续又对form中某一属性值进行操作如图：此处对form中的attId进行操作后续如果form表单组件中使用select组件同时绑定attId这个值如图：此时select选择框点击选项表单中是不做显示的也就是说选择完之后没有反应，此时应该在select组件上加上强制渲染如图：...

codejing

4916人浏览 · 2020-07-10 09:13:31

codejing · 2020-07-10 09:13:31 发布

.当表单form赋完值后，如果后续又对form中某一属性值进行操作如图：

此处对form中的attId进行操作

后续如果form表单组件中使用select组件同时绑定attId这个值

如图：

此时select选择框点击选项表单中是不做显示的也就是说选择完之后没有反应，此时应该在select组件上加上强制渲染

如图：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^