本文介绍: vif报错:Thisvifshould be moved to the wrapper element,附带问题原因解决办法,以及vshow的问题。

报错如图

 

原因vifffor混用。

解决办法使用v-for元素外面加一层template虚拟元素,将vif写在template元素中。

注意一定要是 template元素,不能是div或其他元素如图

vif移到了外层template元素中。这样就不会报错了,而且程序正常运行

这里可能会有小伙伴在想,能不能把v-if换成v-show答案是不能的。

首先:v-show不能用于template标签

其次,拿我上面的代码举例,改成如下图所示

你会发现代码没有报错,但是控制台出现如下问题:

 就是解析模板时,firstLabel这个变量还是一个undefined而你在v-for用到firstLabel.thirdLevel,在一个undefined上面取值,肯定是不对的。

但是我们上面不是用了v-show了吗?为什么还会undefined呢?

个人猜测可能是因为v-for优先级比v-show优先级高,所以即使有v-show,他也只能先执行v-for,进而就会报错

原文地址:https://blog.csdn.net/qq_56607795/article/details/126399340

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_43630.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注