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 >

发表评论

相关推荐
朱丰华   |   1年前   |   checkbox

checkbox默认传值问题

389    评论    点赞
朱丰华   |   1年前   |   linux

linux保持后台进程不被关闭nohup &

254    评论    点赞
朱丰华   |   1年前   |   sql · mysql

mysql Timestamp或dateTime格式筛选

126    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令,apache测压工具

172    评论    点赞
朱丰华   |   1年前   |   php · 缓存 · opcache

php 加速、提高并发opcache

198    评论    点赞
朱丰华   |   1年前   |   < · iframe

让iframe嵌入的视频自适应 (100%宽度)?

122    评论    点赞
朱丰华   |   1年前   |   js · 重复

js如何避免重复监听addEventListener事件?

124    评论    点赞
朱丰华   |   1年前   |   正则 · 表达

正则表达式,实现if...then...else

113    评论    点赞
朱丰华   |   1年前   |   变量 · mysql · sql · 用户

MySQL用户自定义变量

95    评论    点赞
朱丰华   |   1年前   |   sed · 文件

Shell 指定行处理head、tail、sed

156    评论    点赞
朱丰华   |   1年前   |   php · 字符 · 字符串

如何在 PHP 中将字符串的第一个字母转换为大写

150    评论    点赞
朱丰华   |   1年前   |   php · 字符 · 正则

php正则表达式原生字符

86    评论    点赞
朱丰华   |   1年前   |   html · <

html浏览器当前tab标签切换时触发监听

106    评论    点赞
朱丰华   |   1年前   |   javascript · 滚动 · html

Javascript 显示当前滚动条滚动的百分比

74    评论    点赞
朱丰华   |   1年前   |   html · id · <

html同一个页面有两个相同id ,如何用id选择器选中

109    评论    点赞
朱丰华   |   1年前   |   文件 · linux · 修改

linux文件的三个时间atime,mtime,ctime分别表示什么?

275    评论    点赞
朱丰华   |   1年前   |   linux · 文件

linux递归统计文件夹大小、du命令_Linux du命令:查看文件夹和文件的磁盘占用情况

193    评论    点赞
朱丰华   |   1年前   |   git · add · 文件

git add -A 和 git add . 的区别

113    评论    点赞
朱丰华   |   1年前   |   php

windows下编写、编译php扩展

158    评论    点赞
朱丰华   |   1年前   |   linux · php

linux下编写、编译php扩展

150    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞