Vue.js 中v-for和v-if一起使用，来判断select中的option为选中项
2018-02-28 15:47
1976 查看
<select class="form-control" id="fsourceid" name="fsourceid">
<template v-for="fsource in fsourcedata">
<option v-if="sourcedata.fid==fsource.sys_id" selected="selected" value="@{{fsource.sys_id}}">@{{fsource.sname}}</option>
<option v-else value="@{{fsource.sys_id}}">@{{fsource.sname}}</option>
</template>
</select>循环fsourcedata，如果循环中的fsource属性和sourcedata的fid的属性相等，那么就被选中selected，否则else，一直循环全部。
在laravel模板中所有加了@符号，如果不是laravel模板，可以忽悠@。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 学习使用vue.js（三）条件与循环 v-if、 v-for
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- 求1+2+...+n，要求不能使用乘除法、for、while、if、else、switch、case等关键字以及条件判断语句
- Select中使用js动态修改了Option时如何触发onchange事件
- 如何使用JS选中C#前台select中的optton数据项
- 每天学习一算法系列（12） (求1+2+…+n,不能使用乘除法,for、while、if 、else、switch、case 等关键字以及条件判断语句)
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- js如果判断select是否选中或选中指定项
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在
- 对于不允许使用开源标签进行select选中的js替代方法
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- JS操作select相关方法：新增 修改 删除 选中 清空 判断存在 等
- 利用js给select添加option并选中该option