vue.jsv-if 的key值问题

Posted HelpYourself!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.jsv-if 的key值问题相关的知识,希望对你有一定的参考价值。

 

 

最近的项目前端使用vue+elementUI在做,当使用v-if来判断显示元素时,会报错

[Vue warn]: Error in render: "TypeError: l.$scopedSlots.default is not a function"

这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立的,故,需要添加key来做区分。

所以解决方案就是给每个v-if加:key
或者v-if改成v-show

以上是关于vue.jsv-if 的key值问题的主要内容,如果未能解决你的问题,请参考以下文章

Python snippet(代码片段)

13 个非常有用的 Python 代码片段

Vue v-if,v-else-if,v-else的使用

YASnippet - emacs 的代码片段管理工具

iOS)我应该在哪里复制和粘贴 facebook XML 片段?

包含 Vue.js v-if 和 v-for 指令的 HTML 标签在加载时闪烁