select使用了v-for怎么选择默认option

 时间:2024-10-19 18:30:43

在学习vue的时候会遇到一个坑,就是select中的option使用v-for指筠沭鱿漆令后,不知道如何选中的问题,以下介绍一种简单的办法。

工具/原料

vue.js

方法/步骤

1、在v-for绑定的元素后面,添加:selected绑定option的selecte蟠校盯昂d属性,它可以用true/false赋值

select使用了v-for怎么选择默认option

2、在list对象中指定一个属性用于判断是否为选中,本例中设置了第三项的selected为true.

select使用了v-for怎么选择默认option

3、从结果上,可以看到,列表中的第三行数据已经被选中了。

select使用了v-for怎么选择默认option

猎豹浏览器cpu占用过高如何处理 炉石传说oops怎么解决 Notepad++怎么高亮显示标签属性 青少年与父母产生隔阂,父母应该如何做 怎样做莲藕炒肉馅?
热门搜索
雨后小故事动漫 散粒肿图片 动漫帅气图片 梨花烫图片 数字1到10标准写法图片