<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，整好久也显示不出来。