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