v-for中select选中默认状态
<
th>
td>
for
状态
select
选中
默认
selected
>
编程技术
发布日期
2022-11-27
更新日期
2022-11-27
阅读次数 48
文章字数 682
v-if 和 v-for 通常不建议一起使用
而 :selected 可以直接使用表达式。相当于 if
在v-for 绑定的元素后面,添加:selected绑定option 的 selected属性,它可以用true/false赋值
例子:
<table class="table table-responsive">
<tr><th>id</th><th>账号</th><th>密码</th><th>邮箱</th><th>邮箱密码</th><th>状态</th></tr>
<tr v-for="(item,index) in list">
<td>{{item.id}}</td>
<td>{{item.account}}</td>
<td>{{item.password}}</td>
<td>{{item.email}}</td>
<td>{{item.email_pwd}}</td>
<td><select>
<option v-for="(item2,index2) in stateList" :selected="item.state==item2.id">{{item2.name}}</option>
</select></td>
</tr>
</table>
文章作者: 朱丰华
文章链接: https://smart.52dixiaowo.com/blog/post-211.html
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。
<
th>
td>
for
状态
select
选中
默认
selected
>
发表评论
相关推荐