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>
Logo

前往低代码交流专区

更多推荐