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

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

Vue中绑定值与字符串拼接以及结合三目表达式实现是否为空判定的使用
场景若依前后端分离版手把手教你本地搭建环境并运行项目: 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离搭建 Vue中在调 ...
认证抖音蓝V认证有什么好处？开通抖音企业号蓝V认证有什么权益优势？
认证抖音蓝V认证有什么好处?开通抖音企业号蓝V认证有什么权益优势?#抖音蓝V#抖音企业号#抖音企业号认证第一,企业蓝 v 标识起到背书作用,可以给客户带来安全感. 第二,昵称专属,只有你自己能用,对 ...
掺镝的钒磷酸钇(Y(P,V)O4:Dy3+)稀土发光材料|镝掺杂钒磷酸钇(Y(P,V)O4:Dy^3+)纳米晶-齐岳生物wyf
掺镝的钒磷酸钇(Y(P,V)O4:Dy3+)稀土发光材料|镝掺杂钒磷酸钇(Y(P,V)O4:Dy^3+)纳米晶-齐岳生物wyf 利用燃烧法和静电纺丝法,分别合成出YPxV1-xO4:Dy3+纳米粒子和 ...
Vue.js 实践（2）：实现多条件筛选、搜索、排序及分页的表格功能
与上周的第一篇实践教程一样,在这篇文章中,我将继续从一种常见的功能--表格入手,展示Vue.js中的一些优雅特性.同时也将对filter功能与computed属性进行对比,说明各自的适用场景,也为vu ...
vue外卖二十一：商家详情-评价列表-条件过滤显示评价：只显示好评/差评+显示只带内容评价、用getters生成好评数量新状态
一.基本数据标识设计shop/ratings/ratings.vue 1)data数据设计 data(){return{showText:true, //条件1:只显示带文字的评价ratingType ...
vue三目运算绑定class写法
html代码: <div :class="use ? 'class2': 'class1' ">三目运算绑定class</div> script中代码: n ...
Vue框架常用组件的快速构建项目Ctrl+c Ctrl+a Ctrl+v第十四课)
不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福. 在学习技术的道路上:落后又要被挨打.这是现实常用到的组件库:下面的网站在自己空闲时间去看看下面的资源只需要ctrl ...
蓝V企业号与个人号两者的区别，认证蓝V都有什么特权。
抖音现在一跃而起成为短时频龙头老大,成为市场占有率最高的短视频平台,现在日活跃人数达到了将近5亿日活流量,相当于一个每天有5亿人逛来逛去的大商场,那么企业商家想在这个大商场里做生意就要有自己合法的铺位 ...
Element Tiptap Editor - 免费开源的 Vue 富文本编辑器，专门为搭配 Element UI 使用优化，使用很简单
一款很容易上手配置的富文本编辑器,和 Element plus 一起使用效果非常好,还能自定义功能. 关于 Element Tiptap Editor Element Tiptap Editor 是一 ...

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

Vue使用v-for遍历的时候，通过{{}}进行赋值

Vue使用v-if的三目表达式进行赋值

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

最新文章

热门文章