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