vue+elementUI表格切换元素复用导致报错
2018-10-25 17:50
567 查看
报错:_self.$scopedSlots.default is not a function
原因:v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现复用的情况
解决办法:给需要判断的节点加上key,例如表格列:
<el-table-column prop="plant_File_Time" label="种植失败时间" v-if="formInline.plantState=='F'" key="F"> <template scope="scope"> <span>{{ scope.row.plantFileTime }}</span> </template> </el-table-column>
或不同表格切换:
<el-table :data="pageInfo.vos" v-loading="table_loading" element-table_loading-text="加载中" stripe @sort-change='order' key="table1" > </el-table>阅读更多
相关文章推荐
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- 详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
- Vue2.0+ElementUI+PageHelper实现的表格分页
- vue+element-ui+ajax实现一个表格的实例
- vue中element-ui表格缩略图悬浮放大功能的实例代码
- Vue + ElementUI 手撸后台管理网站基本框架(四)主题切换
- vue+element-ui+ajax的一个表格实例
- 利用vue和element-ui设置表格内容分页的实例
- Vue+element-ui 实现表格的分页功能示例
- vue + ElementUI 表格筛选框的高度设置,超出一定高度,显示滚动条
- 利用vue和element-ui设置表格内容分页
- vue elementui table默认显示子表格
- 表格中的数据删除。vue+element-ui
- 基于Vue+element-ui 的Table二次封装的实现
- spring boot + vue + element-ui全栈开发入门——spring boot后端开发
- Spring boot+Shiro+ spring MVC+swagger UI +Mybatis+mysql+Vue +Element UI 之一vue和spring boot整合
- vue+element的表格实现批量删除功能
- vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
- WebStorm Vue ElementUI
- vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table,treeTable