Vue使用v-for与v-if搭配满足条件进行赋值，和v-if三目表达式的使用

朴灿烈づ我的快乐病毒、 2022-12-28 00:51 9阅读 0赞

## 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">
          	    
                {
       {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>

发表评论取消回复

表情：

评论列表（有 0 条评论，9人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue插值表达式的和基本标签使用

Vue的插值表达式\{ \{\}\} 主要作用是进行数据绑定，最常见的形式是使用“Mustache”语法（双大括号）的文本插值。例如：Message:\{ \{msg\

水深无声/ 2023年09月30日 09:51/ 0 赞/ 3 阅读

相关正则表达式的介绍和使用

![87f54ce0a3edfe29b5b3802c4e668662.png][] 正则表达式是一种用于匹配和处理文本的强大工具，它可以应用于各种开发语言和软件中，如 Jav

深碍√TFBOYSˉ_/ 2023年09月27日 16:36/ 0 赞/ 101 阅读

相关 EL表达式的作用与限制条件

　　限制条件　　只能访问域对象的数据　　用法　　访问基本数据类型　　首先把数据保存在域对象中　　pagecontext.setAttribute("n

小咪咪/ 2023年09月25日 11:38/ 0 赞/ 12 阅读

相关 Vue使用v-for与v-if搭配满足条件进行赋值，和v-if三目表达式的使用

Vue使用v-for遍历的时候，通过\{ \{\}\}进行赋值 { {user.companyName = item.companyName}}

朴灿烈づ我的快乐病毒、/ 2022年12月28日 00:51/ 0 赞/ 10 阅读

相关 VIF检验相关性

`VIF`可以用来度量多重共线性问题， V I F j = 1 1 − R j 2 \\quad \\mathrm\{VIF\}\_\{j\}=\\frac\{1\}\{1-R

冷不防/ 2022年09月12日 02:55/ 0 赞/ 278 阅读

相关 el表达式的使用

el表达式都是用字母代替的，没有大于号、小于号一类的字符，且一个表达式只有一个$\{\}包含着， El表达式比较判断 ${user.name} 和${use

た入场券/ 2022年08月05日 05:03/ 0 赞/ 239 阅读

相关 Lambda表达式的使用

对于jdk1.8其实并不是那么熟悉，但是要学习这一点，对以后工作有好处，接下来开始学习jdk1.8在Android studio的配置以及lambda表达式的使用吧。 La

青旅半醒/ 2022年07月03日 21:25/ 0 赞/ 298 阅读

相关 Java赋值表达式的值

思考：赋值表达式有值吗？答案是肯定的。来看例子： int a=3; System.out.println(a=10);//输出10

小咪咪/ 2022年06月12日 09:37/ 0 赞/ 260 阅读

相关 cron表达式的介绍与使用

一、什么是cron，用来做什么的 cron是一项计划任务，是任务在约定的时间执行已经计划好的工作，这是表面的意思。在Linux中，我们经常用到 cron 服务器来完成

末蓝、/ 2021年12月12日 22:27/ 0 赞/ 311 阅读

相关 lambda表达式的使用

神奇的lambda表达式在jdk1.8中新增加了lambda表达式,可能有的小伙伴在github上面学习别人的项目的时候会看到有这样的符号

测试账号/ 2021年01月17日 15:56/ 0 赞/ 698 阅读