项目中会遇到的问题,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本身不变动,这样的关闭表单的时候,数据始终不变,也不会出现空白

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值