开了一个内容管理系统,使用了webpack vue 构建了一个iview项目,在列表当中使用新增,编辑弹窗时,有碰到一个使用select控件(select 设置了filterable属性),在编辑赋值之后,修改,保存之后,去新建,由于在编辑那一步有重新修改值,导致 select 的 query不为空,最终导致新建弹出的下拉选择项只有前一次操作选中的项,上个图,看看

编辑选择的结果:

再次新增只弹出编辑选择后的结果

要解决这个问题,最好的方法是在新增,编辑的时候,先把之前选中的参数清空,代码如下:

let query = this.$refs[selectRef].$data.query

if (query) {

this.$refs[selectRef].$data.query = ''

}

引用如上代码即可

Logo

快速构建 Web 应用程序

更多推荐