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

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

玉米米是一只喵~

7801人浏览 · 2020-07-10 09:08:06

玉米米是一只喵~ · 2020-07-10 09:08:06 发布

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。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^