700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > ant design vue:a-select使用v-model后无法选择的解决方法

ant design vue:a-select使用v-model后无法选择的解决方法

时间:2022-12-23 16:05:51

相关推荐

ant design vue:a-select使用v-model后无法选择的解决方法

<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里定义一下需要变量即可,我试过了,这个方法有用。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。