vue中的v-if指令判断某个元素满足多个条件的写法同时也适用于逻辑判断的代码中优雅的判断可用于vue的标签上

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中的v-if指令判断某个元素满足多个条件的写法同时也适用于逻辑判断的代码中优雅的判断可用于vue的标签上相关的知识,希望对你有一定的参考价值。


1、includes

console.log([7, 3, 6].includes(3));
// true
console.log([7, 3, 6].includes(1));
// false

应用

<div v-if="[7, 3, 6].includes(3)"></div>
if([7, 3, 6].includes(1)) return false;


2、indexOf

console.log([3, 6, 7].indexOf(7));
// 返回下标 2
console.log([3, 6, 7].indexOf(1));
// 未找到,返回 -1

应用

与includes类似。


3、相关链接

CSDN-vue v-if 判断某个元素满足多个条件的写法

以上是关于vue中的v-if指令判断某个元素满足多个条件的写法同时也适用于逻辑判断的代码中优雅的判断可用于vue的标签上的主要内容,如果未能解决你的问题,请参考以下文章

Vue学习之路6-条件渲染

如何利用Vue.js库中的v-if内部指令判断元素显示

vue中v-if和v-show

Vue躬行记——指令

vue常用指令

Vue简明实用教程(05)——v-if和v-show指令