v-if和v-show能和v-for同时出现吗?

news/2024/7/9 23:52:19 标签: vue

v-if是决定dom元素是否渲染,而v-show是渲染元素后决定元素是否显示,改变元素的display值。

v-for在早期是可以和v-if一起使用的,在vue2.x中同时出现会有红色波浪线提示不能一起使用,因为v-for的优先级大于v-if,在循环元素时,每个元素都要进行v-if判断,但是最终显示的元素太少造成资源浪费,所以不建议一起使用。
在需要v-for与v-if一起使用时可以用v-show代替v-if。


http://www.niftyadmin.cn/n/909030.html

相关文章

vim 中文乱码问题

编辑~/.vimrc文件,加上如下几行: set fileencodingsutf-8,ucs-bom,gb18030,gbk,gb2312,cp936 set termencodingutf-8 set encodingutf-8转载于:https://www.cnblogs.com/Alex0111/p/5483649.html

Uncaught (in promise) TypeError: Object(...) is not a function

按需导入时没有加大括号 import { collectArticle, delcollectArticle } from /api/article.js

replace()字符串正则替换

字符串替换 str.replace(/正则表达式/gi,替换字符串) g全局,i忽略大小写 const str abcd-abcd-ABCD-ABCD const str1 str.replace(/a/gi,#) console.log(str1)结果: #bcd-#bcd-#BCD-#BCD使用正则表达式匹配需要替换的字符串,然后进行替换…

JVM常见配置汇总

堆设置 -Xms:初始堆大小-Xmx:最大堆大小-XX:NewSizen:设置年轻代大小-XX:NewRation:设置年轻代和年老代的比值。如:为3,表示年轻代与年老代比值为1:3,年轻代占整个年轻代年老代和的1/4-XX:SurvivorRation:年轻代中Eden区与两个Survivor区的比…

移动端图片剪裁工具cropperjs

第三方依赖:cropperjs 适用于原生js,jquery,vue及其他框架。 下载: npm install cropperjs引入css及js: import cropperjs/dist/cropper.css import Cropper from cropperjs初始化:(必须在mou…

我的个人成就

第一栏 第二栏 第三栏 第四栏 日语学习以至于通过等级考试 基础语法以及单词的熟记和理解问题 到目前为止尚未考取到日语证书,因为还要等到12月,不过关于日语语法和单词正在努力学习中 结果还未生成,但我可以努力让结果成为现实 先写在…

轻量级时间处理工具dayjs

第三方依赖:dayjs 下载: npm i dayjs引入: import dayjs from dayjs // 加载中文语言包 import dayjs/locale/zh-cn // 导入相对时间插件 import relativeTime from dayjs/plugin/relativeTime // 全局使用中文语言包 dayjs.locale(zh-cn) …

PhoneGap之自定义插件

PhoneGap:作为原生App,Java(这里面是指Android的)与JavaScript 的通信桥梁,使得我们的混合开发更加得心应手,我是与Android结合的混合开发。但在这里不得不吐槽一下PhoneGap这个坑:更新速度很快…