vant中的DropdownMenu组件踩坑 van dropdown menu

<van-dropdown-menu>

　　 <van-dropdown-item v-model="value1" :options="option1" />

　　<van-dropdown-item v-model="value2" :options="option2" />

</van-dropdown-menu>

export default {

　　data() {

　　　return {

　　　　value1: 0,

　　　　value2: 'a',

　　　　option1: [

　　　　　　{ text: '全部商品', value: 0 },

　　　　　　 { text: '新款商品', value: 1 },

　　　　　　{ text: '活动商品', value: 2 },

　　　　],

　　　　option2: [

　　　　　　{ text: '默认排序', value: 'a' },

　　　　　　 { text: '好评排序', value: 'b' },

　　　　　　{ text: '销量排序', value: 'c' },

　　　　],

　　　　};

　　 },

};

这是官方文档中给出的例子。

注意：v-model中绑定的值全等于(===)option2中的值才可以。也就是value2的值为'a',options2中的value也为'a'。

昨天就是因为这个问题在做一个详情页面的时候，后端返回的值为number，但是集合中的类型为string，整好久也显示不出来。