element-plus,传统JS如何支持<script> blocks
我正在使用element-plus的table-v2(注意,是table-v2,不是table)。其中有个”自定义单元格渲染“,具体是在数据中加一个属性cellRenderer,官方demo的写法是这样:
{
key: 'name',
title: 'Name',
dataKey: 'name',
width: 150,
cellRenderer: ({ cellData: name }) => <ElTag>{name}</ElTag>,
}
但经过测试,我发现这种写法必须是TS支持,如果是传统的JS是不支持这种写法的?
我的问题是如果我用传统JS,怎样写可以实现同样的效果。
请各位大佬指教,感谢。
官方文档:
Virtualized Table 虚拟化表格 | Element Plus (gitee.io)
Element Plus Playground (element-plus.run) 发现这样可以:
cellRenderer: ({ cellData }) =>
Vue.h(
ElementPlus.ElTag,
{ type: "success" },
{ default: cellData }
), 这个是jsx写法,和ts没有关系吧 森岛帆高 发表于 2022-10-14 15:49
这个是jsx写法,和ts没有关系吧
我本地测试了一下,只要支持jsx语法就可以的
1、安装jsx插件并引入
2、script标签加上lang=jsx
3、使用jsx语法
页:
[1]