官方文档说：“v-for 的优先级比 v-if 更高，这意味着 v-if 将分别重复运行于每个 v-for 循环中”
但是改成v-show就不报错了，问题是v-show不也是一样会被重复运行么？
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
浏览 61
v-for配合v-if使用会报错，那为什么使用v-show就不报错了？
- 写回答
- 好问题 提建议
- 追加酬金
- 关注问题
微信扫一扫点击复制链接分享- 邀请回答
1条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
嘿嘿！请多指教 2021-11-18 14:22最佳回答 专家已采纳v-show是会执行，只是隐藏而已，v-if是不会渲染出来
采纳该答案 已采纳该答案 专家已采纳评论解决 无用打赏举报微信扫一扫点击复制链接分享评论登录 后可回复...
报告相同问题？
提交
相关推荐 更多相似问题
- 2022-02-21 14:25回答 1 已采纳 把你的show放到你的column的每一项里面v-show="item.FKey"如果你这个不是频繁切换的，建议用v-if
- 2021-12-03 15:42回答 1 已采纳 在 data里没有定义 user
- 2021-12-14 18:36回答 1 已采纳 302 表示临时性重定向。 访问一个Url时,被重定向到另一个url上。 常用于页面跳转。查询你返回数据就行了，你不要重定向到新的页面地址去了。
- 2022-03-18 12:24mumuwei_l的博客 在vue中，例如使用 `el-table-colnum` 组件中使用 `v-if` 或 `v-show` 作 **行内编辑** ，按一次生效，在按按钮 取消 或者 提交时，输入框不隐藏， `v-if` 或 `v-show` 不生效。
- 2021-12-15 00:10不会切图的前端仔的博客 这个时候如果之前通过v-show控制的元素的数据丢失就会报错，归根到底还是跟其渲染方式有关系，使用v-if可以解决问题。 v-if条件存在就会重新渲染视图，会触发v-if控制的元素的vue生命周期钩子函数，v-show不会。 ....
- LiliGong1的博客 解决：：将v-else 改成v-show， 解决搜索框显示与隐藏。v-if ,v-else,v-else-if 要紧接着使用，中间没有其它元素，不然显示不出来会报错
- 2022-02-15 11:30回答 2 已采纳 用 computed 去进行过滤直接去遍历computed 不要再模板上直接写过滤函数 这种行为不太规范再有你的teachers ref() 是一个undefined 改成 teachers ref
- 2021-07-31 12:40回答 1 已采纳 你这是uid不存在
- 2019-07-08 17:03回答 2 已采纳 可以了 加了下面代码 ``` /************************************************************** * * 使
- 2021-12-24 11:34萌萌兽Execution的博客 由于题目分为单选题和多选题，所以需要使用v-if来进行条件渲染。 原本是这么写的： 单选题部分<template v-if="item.testQuestionsType === 0 || item.testQuestionsType === 1"> 多选题部分<template v-...
- 2022-03-08 01:13想太多会累i的博客 vue项目中同一个标签中不能同时使用v-if和v-for 问题描述 其实这个问题并不会影响vue项目的运行，但是会在编译软件上显示一个报红问题，在别的地方也报红的时候很容易被误导，并且也不美观，因此呢，需要找到一个...
- 2020-11-10 23:25无妄''的博客 假设有如下数组，需要将数组中的num渲染至页面中，同时遵循条件：对应的show值为true才渲染，为false就不渲染。 numArr: [ { num: 1, show: true }, { num: 2, show: false }, { num: 3, show: true }, { num: 4...
- 2022-03-15 13:29回答 2 已采纳 额。。想太多了，其实设置bootstrap.table的高度后，页头和页脚就会固定了，只有内容滚动 <!doctype html> <html> <head>
- 2022-03-04 09:17回答 3 已采纳 total值呢
- 2022-05-09 21:29回答 2 已采纳 这里用到了插槽 <el-table-column label="操作" align="center"> <template slot-scope="scope">
- 2021-01-04 16:35都TM想学的博客 通过条件显示不同的echarts图表时，v-if为false时，盒子不会再dom中进行渲染，echart初始化的时候会报错 。将v-if改为true后，盒子会进行渲染， 但echarts没有重新加载 ，所以无法显示echarts图表。 使用vue中的this...
- 2022-02-07 19:08Spider@囚童的博客 vue常用指令： v-model 多用于表单元素实现双向数据绑定v-for 格式： v-for=...同angular中的ng-if 默认值为false）v-else-if 必须和v-if连用v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误v-bind 动.
- 2021-04-30 16:53季夏廿九的博客 最近打算抓住金三银四的尾巴，找一个刚合适自身发展的平台，看面试题的时候看到这个问题，毕竟不是刚入行的时候了，知道了区别也想看看为什么会有这样的区别，这样的区别怎样合理的运用才能更好地发挥着两个指令该有...
- 2022-04-02 10:55回答 4 已采纳 传2个时间参数到后台，后台用between条件查询。
- 2021-03-31 10:17Winifred Wang的博客 将v-show改为v-if（我用了下报错） 将v-show改成使用v-if即可。原因是v-show 本身是结构已经存在，当数据发生变化时，结构并未重新渲染 使用this.$nextTick(() => {}） 用 Vue.nextTick(function () { // ...
- 没有解决我的问题, 去提问