<a-select show-search option-filter-prop="children" :filter-option="filterOption" :options="options" v-model="model.pid" @change="handleChange"></a-select>

刚开始我用了v-model="model.pid",下拉列表确实可以获取到model.pid作为当前值,下拉选项也可以显示出来,但是点击其他选项根本无反应。

尝试了很多方法后,修改其实也非常简单,另外再定义一个字符类型的变量pid,然pid的初始值跟我们需要的model.pid相等,然后select里改成v-model="pid",在@change方法里,让model.pid=value即可。

真是个奇怪的问题,不知道为什么不能直接写对象属性这种格式。

修改后的代码如下:

this.pid = record.pid
<a-select show-search option-filter-prop="children" :filter-option="filterOption" :options="options" v-model="pid" @change="handleChange"></a-select>
handleChange(value){
        // console.log(value);
        this.model.pid = value;
        let index = (this.options || []).findIndex(item => item.value == value);
        // console.log(index);
        this.model.pname = this.options[index].label;
        this.model.pcode = this.options[index].code;
      },

PS:

有网友指出,只需要在data里定义一下需要变量即可,我试过了,这个方法有用。

 

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐