elementui响应式数据类型变更情况
-
背景。vue2。data中定义的响应数据类型是[]数组。应用在el-select中(非multiple情况)。当发生响应数据有变更渲染视图时,发现定义的数组转换成了字符串。
-
本身不是问题。但因为疏忽引发了watch监听formData数据时产生了产生了多次监听事件。
-
这种问题较难发现。后通过computed计算属性序列化对象为json后,在调试时能够直观看到属性值的展示,才发现问题。
-
这种情况,没有multiple时v-model是字符类型数据。
-
排查方法。通过computed序列化。watch监听对比前后数据才发现
-
拓展。computed计算属性可以被监听。通过在computed中声明属性conditonListnew, 在watch中监听声明的属性。