el-select 中绑定的v-model 从有值到 自动变成空

186 阅读1分钟

Go to start of metadata

问题原因: v-model 绑定的值,在其他组件中也有用到,特别是数据格式不一样的组件中;

eg:

value传入一个数组 [1,2,3]

同时还有一个   this.isShow = false

如果先渲染的是下面的单选下拉框,那么 value 就会从数组转成 空字符串, this.isShow = true, value就会变成空数组。

从而导致问题的产生。

解决方法:1、不要切换 不同数据类型、绑定同一个变量的组件

                  2、如果需要切换组件,那么就在不同数据类型的组件中不要绑定同一个变量,否则很容易造成数据类型切换而置空的问题。