element表单有值但验证仍显示为空_和el-tree连用赋值

问题

element 表单增加了rules规则，其中一个input输入框不能为空。

操作如下：

1.点击表单input

2出现弹出框，弹出框内有el-tree,点击el-tree的值A，

3.弹框自动关闭，A自动赋值到input中，

4.此时element的验证会显示input中并没有值，然而我们可以看到input中是有值A的。

5.二次点击input，选取el-tree的值，表单验证通过

原因

出现这个问题，是因为rules规则input上｛trigger：blur｝（失去焦点时验证表单内容）。点击input，出现弹出框，此时input失去焦点，并且input确实没有值，所以失去焦点会触发rules验证；当el-tree上的值赋值给input时，没有“失去焦点”操作，所以rules不会进行验证，而是维持上一次的验证解决，即提示用户没有输入值。

解决

解决方法就是：点击input，给input赋值如”请输入xxx“,然后出现弹出框（弹框会遮挡住input内容，所以不影响页面展示）

标签：el,有值,验证,rules,tree,表单,input
来源： https://www.cnblogs.com/liuXiaoDi/p/15980066.html