Vue使用v-for与v-if搭配满足条件进行赋值,和v-if三目表达式的使用
Vue使用v-for遍历的时候,通过{{}}进行赋值{{user.companyName = item.companyName}}<select class="form-control" v-model="user.companyId"><!-- 遍历所有的公司信息 --><template v-for="item in allCompany"><opti
·
Vue使用v-for遍历的时候,通过{{}}进行赋值
{{user.companyName = item.companyName}}
<select class="form-control" v-model="user.companyId">
<!-- 遍历所有的公司信息 -->
<template v-for="item in allCompany">
<option :value="item.companyId" v-if="user.companyId == item.companyId" selected="selected">
<!-- 使用{{}}进行赋值,将遍历选中的赋值给date数据companyName -->
{{user.companyName = item.companyName}}
</option>
<option :value="item.companyId" v-else>{{item.companyName}}</option>
</template>
</select>
Vue使用v-if的三目表达式进行赋值
v-if="user.companyId == item.companyId?user.companyName = item.companyName:''"
<select class="form-control" v-model="user.companyId">
<!-- 遍历所有的公司信息 -->
<template v-for="item in allCompany">
<!-- 使用三目表达式赋值 -->
<option :value="item.companyId" v-if="user.companyId == item.companyId?user.companyName = item.companyName:''" selected="selected">
</option>
<option :value="item.companyId" v-else>{{item.companyName}}</option>
</template>
</select>
更多推荐
已为社区贡献3条内容
所有评论(0)