vue3elementPlus的el-select使用v-for如何设置默认选中项？

作者站长头像
站长
· 阅读数 13

el-option选项内容是用v-for从数组循环读取的值，比如说我想设置第一个option为默认选中，或者最后一个为选中，该怎么写呢，谢谢大家了。

回复
1个回答
avatar
test
2024-07-16

将绑定的value赋值v-model变量

  arr: [{name: 1,id: 1},{name:2,id:2}]
  <el-select v-model="sel">
  <el-option v-for="item,index in arr" :key="index" :value="item.id" :label="item.name"></el-option>
  </el-select>
  sel = 1
如果arr 数据id不知道可以
sel = arr[0].id
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容