iview select filterable属性使用小陷井

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

编辑选择的结果：

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

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

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

if (query) {

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

}

引用如上代码即可