欢迎访问永胜空间,好运加身,财源广进不是梦

vue3中select可以绑定数组或对象

  • 工作心得 @ 2024-07-23
  • 作者:顾永胜
  • 来源:0513.city
<select v-model="objInfo">
    <option :value="{ age: 99, name:'太阳', hoppy:'不睡' }">太阳信息</option>
    <option :value="{ age: 66, name:'月亮', hoppy:'睡觉' }">月亮信息</option>
</select>

在模板中可以直接调用{{objInfo.name}} {{objInfo.age}} {{objInfo.hoppy}}
select里可以绑定对象,也可以绑定数组。
如果要在初始的时候就选中一个:const objInfo = ref({ age: 99, name: '太阳', hoppy: '不睡' });
这里面的对象属性顺序可以不对应,其他都需要一样。