ant-design-vue 报错 ReferenceError: h is not defined
2024-09-01 15:31:26
使用表格,在配置 columns时用到了 customRender,然后就报错了
<script>
import FileName from '@/views/admin/document/FileName'
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
customRender: () => <FileName />,
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
width: '12%'
},
{
title: 'Address',
dataIndex: 'address',
width: '30%',
key: 'address'
}
]
const data = [
{
key: 1,
name: 'John Brown sr.',
age: 60,
address: 'New York No. 1 Lake Park',
},
{
key: 2,
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park'
}
]
export default {
name: 'DocumentList',
components: {
CreateForm,
NoData,
FileName
},
data() {
return {
data,
columns
}
},
computed: {},
methods: {
customRow (record) {
return {
on: { // 事件
click: () => {
console.log('点击行了')
}, // 点击行
mouseenter: () => {
console.log('鼠标移入行')
} // 鼠标移入行
}
}
}
},
created() {
}
}
</script>
报错原因, 没有把 columns放到data 里面,获取不到上下文
这样改
data() {
const columns = [...]
return {
columns
}
}
<script>
import FileName from '@/views/admin/document/FileName'
export default {
name: 'DocumentList',
components: {
FileName
},
data() {
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
customRender: () => <FileName />,
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
width: '12%'
},
{
title: 'Address',
dataIndex: 'address',
width: '30%',
key: 'address'
}
]
const data = [
{
key: 1,
name: 'John Brown sr.',
age: 60,
address: 'New York No. 1 Lake Park',
},
{
key: 2,
name: 'Joe Black',
age: 32,
address: 'Sidney No. 1 Lake Park'
}
]
return {
data,
columns
}
},
computed: {},
methods: {
customRow (record) {
return {
on: { // 事件
click: () => {
console.log('点击行了')
}, // 点击行
mouseenter: () => {
console.log('鼠标移入行')
} // 鼠标移入行
}
}
}
},
created() {
}
}
</script>
最新文章
- FFMPEG在嵌入式硬件上应用之 —— 基本环境搭建及编译
- MSSQL sp_helptextplus
- 浅谈自我对git的初步认识
- 关于keil单片机编程中的data,idata,xdata,pdata,code数据类型
- cocoaPods安装成功终端代码（期间报error: RPC failed; result=56, HTTP code = 200）
- TreeSize Free 查看文件夹大小 v2.3.3 汉化版
- make执行过程
- python3 分布式爬虫
- Nginx如何进行配置优化?
- 利用BootStrap Table插件实现自己的弹出框分页。
- iOS开发小技巧 - UILabel添加中划线
- MO拆分计划行程序中写入PRODUCTIONORDERS表数据出现重复导致报错（BUG）20180502
- Google-Guice入门介绍
- React Native安卓项目打包发布APK步骤
- consumer的DubboClientHandler线程池
- zepto源码研究 - fx.js
- Codeforces#86D Powerful array（分块暴力）
- 在线webservice
- vs2010中配置OpenGL以及针对64位系统所遇问题的解决办法
- 织梦DedeCMS模板通用安装方法