项目中会遇到的问题,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本身不变动,这样的关闭表单的时候,数据始终不变,也不会出现空白
}
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)