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

转载于:https://www.cnblogs.com/yangfei123/p/9969053.html

vue.jsv-if 的key值问题相关推荐

vue中一个页面key值重复解决
一个页面有两个组件需要添加:key,然而key重复会报错: <template><div><workservice :bCompany="bCompany&qu ...
Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究
Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究在github上阅览README.md以获得最佳阅读体验,点这里 v-for响应式key ...
在react或vue中，for循环用Index作为key值是好还是坏呢？
React 与 vue的基本实现原理是通过对比两次虚拟dom的不同然后直接操作不同的dom 当以数组的下标index作为key值时其中一个元素发生了变化就有可能导致所有元素的key值发生改变 ...
vue知识点详解，Vue之v-prev、vue-virtual-scroll-list、alise、data动态添加数据、v-for中的key值等
1.没有vue语法的v-prev 给模版中静态html添加该指令,表示不需要重复编译.(可以极大的加快编译速度) 2.vue-virtual-scroll-list虚拟插件,用于长列表,几十万的数据也 ...
vue v-if 加key值的作用
<div id="app"><template v-if="type === 'name'"><label>用户名:< ...
深入浅出 Vue 中的 key 值
key 的一个错误使用--使用 index 作为 key 不知道你在写 v-for 的时候,会不会直接使用 index 作为它的 key 值,是的,我承认我会,不得不说,这真的不是一个好习惯. 根据上 ...
vue key值的重复键报错问题以及解决办法
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错: Duplicate keys detected: '2019-01-24T07:15 ...
vue key值的重复键问题报错
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错: Duplicate keys detected: '2019-01-24T07:15 ...
vue绑定自定义属性（属性值:false），DOM不显示问题
(案例+截图 )vue绑定 :data-zidingyi="response.false" 之后,页面DOM 不显示正确的代码: <section v-for=" ...
vue v-for循环动态获取_快速、简洁讲明Vue中vfor循环key的作用
概要关于v-for中的key问题,其实这已经是个很常见的问题了,基本网上一搜一大把,面试的时候也常常会被问到,讲这个问题可能会设计DOM与虚拟DOM,还有很重要的Diff算法.传送门作用(重头戏) ...

vue.jsv-if 的key值问题

vue.jsv-if 的key值问题相关推荐

最新文章

热门文章