项目中会遇到的问题,el-select组件不回显,数据多选保存空白问题

1.检查属性是否绑定正确,比如value绑定的数据,是否和数组的:key一致。label是否绑定的是要回显的数据

2.如果绑定正确,可能是属性值数据类型不正确,比如,我的问题就是后台el-option绑定的数组,里面的id是number类型,而这一条数据给的id、是string类型,所以不回显label,只回显value。

3.如果上边俩个排查成功,还可能是数据更新了,视图没更新,需要用this.$set()方法

vm.$set( target, propertyName/index, value )

  • 参数

    • {Object | Array} target
    • {string | number} propertyName/index
    • {any} value
  • 返回值:设置的值。

  • 用法

    这是全局 Vue.set 的别名

1.el-select实现多选以后,数据要从数组转化为字符串 ,传递给后台。

保存成功以后,关掉弹框,但是却在弹框关闭的前一瞬间,el-select空白了,没有数据。

正确操作:把表单数据备份,if(valid){

   如果表单验证成功,把form备份。传递给后台,form本身不变动,这样的关闭表单的时候,数据始终不变,也不会出现空白

}

你可能感兴趣的:(1024程序员节)