请问这种v-for和v-if一起用引起的报错问题如何解决？

我看网上有两种方法，一种是再嵌套一层把v-for和v-if分开，好像在这里行不通；另一种方法是使用computed计算属性，请问用computed该怎么写？

写回答
好问题提建议
追加酬金
关注问题
收藏
分享
邀请回答

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
崽崽的谷雨 2021-09-23 09:55

已采纳
v-for和v-if不推荐一起使用官方给出了用法就是 template
列表渲染 | Vue.js Vue.js - The 渐进式 JavaScript 框架 https://v3.cn.vuejs.org/guide/list.html#v-for-%E4%B8%8E-v-if-%E4%B8%80%E5%90%8C%E4%BD%BF%E7%94%A8

<template v-for="todo in todos" :key="todo.name"> <li v-if="!todo.isComplete"> {{ todo.name }} </li> </template> ```html

```
评论
解决 1 无用
打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

评论

登录后可回复...

查看更多回答(3条)

报告相同问题？

提交关注问题

相关推荐更多相似问题

请问这种v-for和v-if一起用引起的报错问题如何解决？ javascript vue.js 前端
2021-09-22 19:38

回答 4 已采纳 v-for和v-if不推荐一起使用官方给出了用法就是 template 列表渲染 | Vue.js Vue.js - The 渐进式
v-for配合v-if使用会报错，那为什么使用v-show就不报错了？ html5 javascript vue.js
2021-11-18 14:13

回答 1 已采纳 v-show是会执行，只是隐藏而已，v-if是不会渲染出来
请问`v-if` and `slot-scope`怎么一起使用？一起用v-if没效果 vue.js
2021-05-10 16:31

回答 6 已采纳最后就是根据他里面绑定到的对象里面找一个能判断的值来判断，一个就是这个插槽里面取不到外面的data里的参数
Vue双向绑定原理（v-model）
2022-01-06 21:15

庸人°的博客之前有整理过Vue响应式原理，响应式主要的效果是数据改变了就会引起页面修改。关于v-model我们也不陌生，vue的双向绑定指令，页面修改会引起数据修改，数据修改页面也会跟着改变。我们直到数据->页面是由vue的...
改造jeecg-boot项目，解决启动报错，跑通开发环境！
2021-04-04 23:16

heshengfu1211的博客 boot项目准备工作1.1 Mysql数据库导入数据库脚本1.2 开通腾讯云短信服务1.4 安装分布式对象存储服务minio1.5 安装`redis`服务1.6 开通阿里云对象存储服务（OOS）1.7 开通邮件服务1.8 配置第三方登录认证1.9 解决下载...
vue1--从入门到v-model
2021-07-26 09:42

樱桃花季的博客 2 === 0) { return } console.log('item', item) }) /* item 1 item 3 item 5 item 9 */ for…of 循环可以与break、continue 和 return 配合使用，跳出循环 for(let item of arr) { if(item % 2 === 0) { break } ...
报错v-if不是有效的属性名称 javascript 前端前端框架有问必答
2021-08-19 16:14

回答 3 已采纳 vue引入成功了吗。你可以试试把v-if和else先去掉直接{{show}}看看能不能正常显示
vue使用v-for循环直接使用方法获得的数组问题 html5 vue.js
2019-11-13 10:40

回答 3 已采纳要这个样子的？ [https://codepen.io/bettermo/pen/VJdgVE](https://codepen.io/bettermo/pen/VJdgVE "https://co
vue v-for 生成的input不能编辑修改 vue.js
2020-07-22 11:04

回答 2 已采纳 ``` ```
----- 前端面试题 -----
2021-07-30 16:08

笑颜。。。的博客 HTML5新增的元素 ...和离线存储，通过这些存储方式方便数据在客户端的存储和获取，在多媒体方面规定了音频和视频元素audio和vedio，另外还有地理定位，canvas画布，拖放，多线程编程的web worker和w
前端Reract面试题-------总结（经典）
2022-01-04 17:56

弯道超车的小破车的博客 2、跨浏览器兼容：虚拟 DOM 帮助我们解决了跨浏览器问题，它为我们提供了标准化的 API，甚至在 IE8 中都是没问题的。 3、一切都是 component：代码更加模块化，重用代码更容易，可维护性高。 4、单向数据流：...
前端面试----深信服面试题全概
2020-07-16 14:27

huohuoit的博客这里结合了CSDN多位博主的深信服面试题，为了锻炼自己的答题能力和技术点理解，这里对博主的各个题目进行了自己的解答（最好用自己的理解自己的话解答），同时部分解答借鉴了博主的回答。记在word笔记的时候没有记录...
pip install robotframework-ride 报错如何解决？ python
2021-03-03 18:02

回答 2 已采纳更换下载源: 豆瓣源 : http://pypi.douban.com/simple/ 清华源: https://pypi.tuna.tsinghua.edu.cn/simple 使用方法 :
vue怎么用<v-if>判断如果数据是*号的话则显示0 vue.js
2021-07-12 13:34

回答 5 已采纳其实过滤器就行filter。v-if也行 <span v-if="scope.row.value=='*'">0</span> <span v-else>{{sco
vue中，如何根据坐标给v-for渲染出来的表格添加样式 javascript vue.js
2020-02-14 15:57

回答 1 已采纳有多种方法： 1. 用v-if来判断展示不同的标签 ``` ``` 2. 使用 :style绑定样式 ``` ```
前端-----随笔
2021-07-26 09:17

এ᭄ꦿ㲺䔛的博客服务器端渲染期间不调用该生命周期通常和 deactivated 周期一起使用 mounted 组件传值 props 和 $emit() provide 和 inject 父组件使用provide提供数据子组件使用inject获取数据默认不是响应式-----------可通过...
前端面试问题(二)-史上最全前端开发面试问题及答案整理
2016-10-03 06:42

weixin_30505225的博客使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性： 1.函数嵌套函数 2.函数内部可以引用...
前端面试复习总结---为学弟学妹秋招护驾 (超丰富,极力推荐)
2021-06-07 14:17

程程0221的博客前端面试复习总结-为学弟学妹秋招护驾 1,实现居中水平居中： ext-align:center; margin: 0 auto; display:flex; justify-content: center; position:absolute；left: 50%; transform: translateX(-50%); 垂直居中...
for(int i :a)报错问题。 eclipse java java-ee
2020-04-29 16:44

回答 3 已采纳两种for循环的值调用方式不一样，下面的代码试过，可以执行，你看看哪里不一样 ``` public static void main(String[] args) { int
前端面试-基础篇
2020-02-02 09:35

GarfieldEr007的博客 #1 前端需要注意哪些SEO 合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度...
没有解决我的问题, 去提问

MecuryJerry

请问这种v-for和v-if一起用引起的报错问题如何解决？

4条回答 默认 最新

相关推荐 更多相似问题

4条回答默认最新

相关推荐更多相似问题