【vue】elementUI报错：_self.$scopedSlots.default is not a function

Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。

这样也不总是符合实际需求，所以 Vue 为你提供了一种方式来表达“这两个元素是完全独立的，不要复用它们”。只需添加一个具有唯一值的 key 属性即可。见详情

错误代码

<!-- 代码块1 -->
<el-table-column label="授信申请状态" v-if="type">
  <template slot-scope="scope">{{ scope.row.data2 | format }}</template>
</el-table-column>
<!-- 代码块2 -->
<el-table-column prop="data1" label="联系人手机" v-else></el-table-column>

报错分析

如果优先显示代码块1，然后改变type值，显示代码块2，这时Vue为了快速渲染页面，会优先拿代码1的代码渲染到代码块2的位置，但是代码块2并没有定义 slot-scope ，这时就会报标题错误。

解决方案

给使用 v-if 和 v-else 的地方加上 key
将 v-if 和 v-else 换成 v-show

个人博客：午后南杂

原文地址：https://www.cnblogs.com/luanhewei/p/9952151.html

时间： 2024-10-29 23:22:24

【vue】elementUI报错：_self.$scopedSlots.default is not a function的相关文章

vue elementui报错总结

1. 错误: TypeError: _self.$scopedSlots.default is not a function 原因:这是因为在v-for/v-if切换标签时,原本这些标签每一个都是独立的 ,如果不添加key来区分则会出现复用的情况.故,需要添加key来做区分.如下: 解决: <el-table key='ticketTable' v-if="isShowTicket"></el-table> #s3gt_translate_tooltip

Vue的报错：Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'

Vue的报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 1.运行一下以前的一个Vue+webpack的 vue仿新闻网站小项目,报错由于自己vue学习不深入,老是这个报错,找了好久(确切的说是整整一下午^...^)才找到原因 -v- Uncaught TypeError: Cannot assign to read only property 'expor

Vue.js报错Failed to resolve filter问题原因

Vue.js报错Failed to resolve filter问题原因金刚 vue Vue.js js javascript 之前使用vue.js写分页功能时,写了一个过滤器,发现一个比较奇怪的错误. console控制台调试的时候提示错误消息: Failed to resolve filter: HomePage console错误信息.jpg 我原来的写法: 原来的错误写法.jpg 错误原因经过自己的摸索,后来发现竟然是代码顺序错误问题... 由于先执行的pageList,后执行的V

vue.js报错:Module build failed: Error: No parser and no file path given, couldn't infer a parser.

ERROR Failed to compile with 2 errors 12:00:33 error in ./src/App.vue Module build failed: Error: No parser and no file path given, couldn't infer a parser. at normalize (C:\Users\admin\Desktop\222\demo\node_modules\prettier\index.js:7051:13) at form

vue 项目报错，提示：Cannot read property '$createElement' of undefined at render ...

vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ... vue 项目报错,提示:Cannot read property '$createElement' of undefined at render ... 原文地址:https://www.cnblogs.com/sylys/p/11956063.html

《关于vue运行报错的那些事儿》

vue运行常见报错: 一,序言: 在vue项目运行的时候,有时会报错,就会很头疼,我把常见的报错归为两类:一类是缺少依赖,一类则是找不到相关文件!我会在下方列出来我常见的关于缺少依赖型的报错,希望可以帮到大家~ 二,报错问题: 1,缺少依赖型之简单提示型,如: not find node_modules 'chalk' 解决方法:npm install chalk not find node_modules 'semver' 解决方法:npm install semver 总结一下:类似于像no

[Sencha ExtJS] 关于build production后，浏览器运行报错'Uncaught TypeError: c is not a function'

原文:http://blog.csdn.net/lovelyelfpop/article/details/51328783 估计很多人用 ExtJS6 + Sencha Cmd 6 的时候,遇到过一种情况:开发的时候明明正常的,build之后运行就报了下面的错误 Uncaught TypeError: c is not a function 心里一万个草泥马奔腾:What the hell is this?(这TM什么JB玩意?) 其实根本原因是你忘记了requires某个类导致的. 比如你这样

控制台报错 Uncaught TypeError: $(...).tap is not a function

使用zepto报错 Uncaught TypeError: $(...).tap is not a function 我加载了一下插件 <script src="js/zepto.js"></script><script src="js/event.js"></script><script src="js/touch.js"></script><script src=&

vue2.0+按需引入element-ui报错

项目使用vue脚手架自动生成的,vue版本为^2.5.16.项目中需要按需使用element-ui,根据element-ui的官方文档,一开始在babel.config.js文件中修改配置 module.exports = { presets: [ "@vue/app", ["es2015", { "modules": false }] ], "plugins": [["component", [ { &q