cqwcns 发表于 2022-10-14 12:35

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)

cqwcns 发表于 2022-10-14 12:54

发现这样可以:

                              cellRenderer: ({ cellData }) =>
                                    Vue.h(
                                        ElementPlus.ElTag,
                                        { type: "success" },
                                        { default: cellData }
                                    ),

森岛帆高 发表于 2022-10-14 15:49

这个是jsx写法,和ts没有关系吧

森岛帆高 发表于 2022-10-14 16:27

森岛帆高 发表于 2022-10-14 15:49
这个是jsx写法,和ts没有关系吧

我本地测试了一下,只要支持jsx语法就可以的

1、安装jsx插件并引入

2、script标签加上lang=jsx

3、使用jsx语法

页: [1]
查看完整版本: element-plus,传统JS如何支持<script> blocks