el-table-column v-if条件渲染报错

我们在实际项目中经常会遇到el-table-column条件渲染出现报错的情况

报错内容： h.$scopedSlots.default is not a function

究其原因，是因为表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是相同dom会被复用，这就是问题所在，所以，通过key去标识一下当前行是唯一的，不许复用，就行了。

代码示例如下：

添加 :key="Math.random()"

<el-table :data="tableData" style="width: 100%;">
   <el-table-column type="selection" width="45"></el-table-column>
   <el-table-column prop="applyTime" label="日期" min-width="150" :key="Math.random()"></el-table-column>
   <el-table-column prop="productName" label="产品名称" min-width="120" :key="Math.random()"></el-table-column>
   <el-table-column prop="orderNo" label="订单号" min-width="120" :key="Math.random()"></el-table-column>
   <el-table-column prop="amount" label="金额" width="150" :key="Math.random()"></el-table-column>
   <el-table-column prop="remark" label="备注" width="150" :key="Math.random()"></el-table-column>
   <el-table-column fixed="right" label="操作" width="200" :key="Math.random()" v-if="currentTab === ‘xxx‘">
     <template slot-scope="{row}">
       <el-button type="text" size="small">查看详情</el-button>
       <el-button type="text" size="small">编辑</el-button>
     </template>
   </el-table-column>
</el-table>

原文地址：https://www.cnblogs.com/hcxy/p/9669588.html

时间： 2024-11-11 08:43:39

el-table-column v-if条件渲染报错的相关文章

处理 javax.el.ELException: Failed to parse the expression 报错

在JSP的表达式语言中,使用了 <h3>是否新Session:${pageContext.session.new}</h3> 输出Session是否是新的,此时遇到了 javax.el.ELException: Failed to parse the expression 报错.这里主要是因为在Tomcat7中表达式的权限变小了,如果遇到JAVA的关键字,就会出现此种错误,在这个例子中就是因为 new 是JAVA的关键字,所以才会出错. 解决办法:设置启动参数 -Dor

更新OS X El Capitan系统后，brew update报错，解决方案

报错结果: bash-3.2# brew update Error: Cowardly refusing to `sudo brew update` 解决方案: 顺序执行以下即可: ls -al `which brew` sudo chown root:wheel `which brew` sudo chown : `chown brew` 执行结果: bash-3.2# ls -al `which brew` -rwxr-xr-x 1 huanghonglin admin 791 10 26

Mac OS X El Capitan (10.11) sudo pip install 报错 “OSError: [Errno 1] Operation not permitted”

由于 OS X El Capitan 采用了 System Integrity Protection 保护技术,导致 sudo pip install 安装python包时会产生报错: 1 File "/System/Library/Frameworks/Python.framework/Versions/2.7/lib/python2.7/os.py", line 150, in makedirs 2 makedirs(head, mode) 3 File "/System

Echart..js插件渲染报错 data.length<1？

问题 getJSON提交返回数据正常,在传入参数进行序列化,渲染报表时报错 option.data.length < 1. 分析 1.可能情况一: . 可自己明明是getJSON()把渲染放在成功回调函数里面了,所以显然不是这个错误 2.可能情况二 : 序列化数据没有获取到为空,所以提示option.data.length<1 原因: 在序列化横坐标数据时,通过switch(type)根据不同类型初始化横坐标 ,但是传过来的type 0 为字符串型而switch(type)里type

Vue页面渲染报错，

在el绑定的元素处添加注意:Vue绑定的元素里面不能写js代码 Vue不允许直接操作dom元素原文地址:https://www.cnblogs.com/xiaofengshan/p/12619008.html

react之异步请求数据，render先行渲染报错，未拿到数据

import React from 'react' import {connect} from 'react-redux' import { Redirect} from 'react-router-dom' import axios from 'axios' import {login} from './Auth.redux.js' //两个reducers 每个reducers都有一个state @connect( (state)=>state.auth, {login} ) class A

报错：pymysql.err.InternalError: (1054, "Unknown column 'AType' in 'field list'")

报错背景: 报错前sql代码展示: List = ['Manual', 'Float', 'TimeValue', 'None', '100', '100', '0', '0', '0', '0', 'Forced', '排水系统3#中央泵负压', '556', 'SLWS_ps_3hzybf_YL.PV', 'Analog', '2019/6/13 8:32:46', '-0.0034143477678299', '0'] # sql = "insert into test(id, name)

解决mysql插入中文字符报错的问题ERROR 1366 (HY000): Incorrect string value: ‘\xE5\xB0\x8F\xE6\x98\x8E‘ for column ‘name‘ at row 1

原文:解决mysql插入中文字符报错的问题ERROR 1366 (HY000): Incorrect string value: '\xE5\xB0\x8F\xE6\x98\x8E' for column 'name' at row 1 报错内容: mysql> insert into person values (1,22,'小明');ERROR 1366 (HY000): Incorrect string value: '\xE5\xB0\x8F\xE6\x98\x8E' for colum

Flink 报错 "Could not find a suitable table factory for 'org.apache.flink.table.factories.StreamTableSourceFactory' in the classpath"

转自: https://www.cnblogs.com/Springmoon-venn/p/10570056.html 先上代码: table = tablexx.select('*).tablexx.groupBy('x).select('x, xx.count ) tableEnvironment // declare the external system to connect to .connect( new Kafka() .version("0.10") .topic(&q