v-if指令判断多个条件，ES7语法，超简单

最新推荐文章于 2023-12-06 20:00:23 发布
最新推荐文章于 2023-12-06 20:00:23 发布
阅读量453 收藏
点赞数
文章标签： 前端 vue.js javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47390575/article/details/129594294
版权

<div v-if="['facebook','google'].includes(datailForm.platform)">

<el-col :span="24">

<el-form-item label="备注">

<el-input type="textarea" v-model="datailForm.remarks"></el-input>

</el-form-item>

</el-col>

</div>

v-if="['facebook','google'].includes(datailForm.platform) //重点代码

【】内是判断条件，datailForm.platform为判断值

一个小辣椒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
skywalking的如下版本apache-skywalking-apm-bin-es7.rar
03-30
skywalking的如下版本apache-skywalking-apm-bin-es7.rar skywalking的如下版本apache-skywalking-apm-bin-es7.rar skywalking的如下版本apache-skywalking-apm-bin-es7.rar skywalking的如下版本apache-skywalking-apm-bin-es7.rarskywalking的如下版本apache-skywalking-apm-bin-es7.rar
apache-skywalking-apm-bin-es7.tar.gz
最新发布
03-18
skywalking8.1.0
VUE之v-if语句多个条件判断时的写法
初心不改
02-17 3万+
v-if满足某个条件condition = 0时，我们常见写法为： v-if="condition === 0" 假如我想同时满足多个条件时，要怎么写呢？ ① 普通写法： v-if="condition === 0 || condition === 1 || condition === 2" ② 简洁写法： v-if="[0, 1, 2].includes(condition)" <!--括号里可以是字符串和数字--> ③ 复杂用法： 标签中： v-if="matchState(activ
vue中的v-if指令判断某个标签满足多个条件的写法、同时也适用于逻辑代码、优雅编程、includes、indexOf、String、match
12-18 1万+
vue中的v-if指令判断某个标签满足多个条件的写法、同时也适用于逻辑代码、优雅编程、includes、indexOf、String、match
Vue3基础之v-if条件与 v-for循环
study_way的博客
12-06 3522
v-else 元素必须跟在一个 v-if 或者 v-else-if 元素后面，v-else-if 的元素必须紧跟在一个 v-if 或一个 v-else-if 元素后面。如果你的元素在应用的生命周期中只会被渲染一次或很少改变，使用 v-if 可能更合适，因为它在条件为 false 时会从 DOM 中移除元素，减少了 DOM 操作的频率。如果你的元素需要频繁地显示和隐藏，条件经常变化，可以考虑使用 v-show，因为它不会在条件为 false 时从 DOM 中移除元素，减少了频繁的 DOM 操作。
Vue.js基础-03-条件语句（v-if/v-show）
运维玄德公
05-14 2368
文章目录1. v-if1.1 v-if语法示例完整示例1.2 v-else语法示例完整示例1.3 v-else-if语法示例完整示例多个v-else-if 的判断逻辑2. v-show2.1 使用语法示例完整示例2.2 和v-if 比较 1. v-if 1.1 v-if 语法示例 <p v-if="show">甲</p> 完整示例 如下： 如果show是false，则甲不会显示。 如果ok是flase template中 三奇六仪的信息都不会显示 但是show和template
使用v-if满足多种条件方法
weixin_61978391的博客
07-20 533
1.使用三元表达式2.使用方法‘
vue v-if 判断某个元素满足多个条件的写法
weixin_67849181的博客
02-20 602
v-if判断active满足0的时候写法是：v-if="active === 0"那如果active同时要满足0，1，2三个值的时候，如果在v-if里用 || 并列写如：v-if="active === 0 || active === 1 || active === 2"
如何在vue中优雅地使用v-if判断
铁锤妹妹的博客
07-28 1万+
情况一：做vue项目，有的时候会遇到有几个元素都使用同一个v-if条件。 下面这种方法虽然可以实现，但是整体代码看起来有点笨拙，我们可以用<template>标签进行优化一下。 <template> <div class="card"> <img src="../../assets/image/background frame.png" /> <h3 v-if="expanded">123</h3> &lt
vue中v-if的常见使用
热门推荐
马优晨
04-01 31万+
使用过Vue的小伙伴一定使用过v-if 这个属性，但是这个属性主要是来干什么的呢,他得用途是那些？ 这里我总结了一下，v-if使用一般有两个场景： 1- 多个元素 通过条件判断展示或者隐藏某个元素。或者多个元素 2- 进行两个视图之间的切换 下面我写了两个例子，是Vue官方的简单实例。 第一个实例实现了 type等于不同值，A，B，C 三个元素的展示情况。 第二个例子实现了...
vue条件语句v-if中条件较多时优雅写法
seimeii的博客
02-23 440
普通写法 v-if=" type==1 || type==2 || type==3 " 优雅写法 v-if=" [1,2,3].includes(type) "
固件-S7-1212C-DCDCRLY-6ES7-212-1HE40-0XB0-V4.6.0.zip
11-18
固件_S7-1212C_DCDCRLY_6ES7_212-1HE40-0XB0_V4.6.0
固件-S7-1518F-6ES7-518-4FP00-0AB0-V2.8.1-V2.8.3-链接地址.txt
02-07
固件-S7-1518F-6ES7-518-4FP00-0AB0_V2.8.1-V2.8.3
固件_S7-1212C_DCDCRLY_6ES7_212-1HE40-0XB0（V4.2.1-V4.5.2）.rar
02-14
固件_S7-1212C_DCDCRLY_6ES7_212-1HE40-0XB0（V4.2.1-V4.5.2）
vue之el-col栅格组件使用v-for循环添加&& v-if避免初始化报错”xxx“ undefined
初心不改
08-25 5315
需求&问题 做一个展示页面，有四张卡片显示在同一行，卡片可点击跳转到详情页。一开始是用el-col写了四个，考虑到后期可能更多卡片，所以准备用v-for循环遍历list对象数组来添加卡片。 顺带提一句，使用el-col是为了定义屏幕自适应，不同屏幕尺寸下一行显示几张卡片。 代码 <el-row :gutter="40" style="margin-top: 30px" > <!--分栏间隔--> <el-col :xs="12" :sm="12" :md="12
《跟热饭一起学习vue吧》Part.11 v-if条件判断
我去热饭的博客
09-03 1228
本公众号 的系列文章《跟热饭一起学习vue吧》，本文会采用非常土，非常low的语言，让读者学习并立即上手即可使用vue去写前端页面。简单生动，由浅入深。那么，就一起开始学习吧，体验一把又土又油腻的教程吧~别忘了先打开我们的菜鸟编辑器当做草纸吧：右键左下角“阅读原文”在新窗口中打开链接，会打开在线编辑器。v-ifv-if 指令，大家一看，很明显是vue自创的。是不是还有点印象？没错，我们之前讲过这个v-if了，就是在刚刚学指令的时候用v-if举例，它的作用是决定这个元素标签是否要显示出来。不过我们当时的判断很
Vue.js教程（三）：v-if条件判断
Javen天道酬勤
11-15 4万+
v-if是继v-bind之后的又一个v-xxx系列 前言 v-if这是我们学习Vue中的的第二个v-xxx系列。学到这里，不得不提一下的是，所有v-bind或者v-if所关联的都是Vue的动态变量，是变量！是变量！是变量！ v-if基本使用 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt;
Vue.js入门学习--v-if 组合 v-else-if条件指令渲染DOM（三）
Appleyk的专栏
01-31 1万+
后端对于写 if..else..或者 if..else if..else..的条件语句相当的easy，而对于我们的Vue.js来说，这种条件判断夹杂在DOM元素上，也是相当的轻松。 直接上完整demo，在逐一进行讲解 v-if 条件指令渲染 现在你可以看到我
Vue 框架-06-条件语句 v-if 实现选项卡效果
肖朋伟
11-14 3220
Vue 框架-06-条件语句 v-if 实现选项卡效果 本片介绍的是 Vue 中条件语句 v-if 第一个小实例是，通过 v-if=“布尔值”，通过布尔值的真假来决定，某元素是否显示 源代码 html 文件： &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;
async await是ES7语法嘛
09-03
是的，async和await是ES7中新增的语法。它们用来改进异步代码的编写方式，是Promise的升级版。 async函数中可以包含await表达式，当执行到await表达式时，函数会暂停执行，直到触发的异步操作完成。注意，await只能在async函数中使用，否则会导致语法错误。 使用async修饰的函数会返回一个Promise对象，可以通过.then()方法获取异步操作的结果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [async-await语法](https://blog.csdn.net/m0_57262819/article/details/124545456)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [ES7之async，await](https://blog.csdn.net/qq_39682399/article/details/108649138)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值