Vant UI DropdownMenu 如何根据后端返回,自定义option属性名渲染呢?

vant ui DropdownMenu 下拉菜单

如何可以自定义options里的属性名,根据后端返回的来渲染呢?
例:

option1: [
  { name: '全部商品', id: 0 },
],

修改成上面的属性名 渲染到页面上 有什么办法吗

<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' },
      ],
    };
  },
};
阅读 480
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题