antd-vue 动态select回显时错误的处理方法

前提:select是动态的,之前提交过得值可能已经在select中删除了,所以回显时只有一串ID

我的解决方法就是改源码:
antd-vue 版本 ^1.7.8
源码位置 node_modules\ant-design-vue\es\vc-select\Select.js
左右getDerivedState方法中200行左右

value是回显的值,optionsInfo是下拉列表的值。做一下匹配。
大家自行阅读

 value = value.filter(v => {
          const flag = Object.keys(optionsInfo).includes(`string-${v}`)
          return flag
        })

antd-vue 动态select回显时错误的处理方法_第1张图片

你可能感兴趣的:(antd-vuevue.js)