el-select选择之后值不显示在文本框的问题解决

问题场景如下图:

在el-collapse-item中使用子组件,子组件里是el-form-item代码。el-select在for循环中,可以有多个。

el-select选择之后值不显示在文本框的问题解决_第1张图片

查了一下博客,有的说这种场景需要给el-select添加@change事件,加上 this.$forceUpdate() 强制刷新即可

Change(){
    this.$forceUpdate();
 }

也有说使用this.$set去设置,但都不适用我的场景,试了没效果。

处理:在子组件的根节点上,加上了一个class属性之后,问题修复。

el-select选择之后值不显示在文本框的问题解决_第2张图片

你可能感兴趣的:(vue.js,前端,javascript,elementui)