table显示二维码

[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
//引用二维码插件
import QrcodeVue from 'qrcode.vue'
//生成对象属性初始化
const onInit = async ($vm) => {
gridRef = $vm
//配置显示二维码
gridRef.columns.splice(4, 1, {
title: '物料二维码',
field: '物料二维码',
width: 100,
align: 'center',
tip: {
text: '表格动态生成二维码'
},
render: (h, { row, column, index }) => {
return (
<div style="padding-top:4px">
{' '}
{/* CatalogCode改为你的字段 */}
<QrcodeVue value={row.CatalogCode} size={40} />
</div>
)
}
})
}
vue2 代码
暂不支持,只能在生成的vue页面实现