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>
      )
    }
  })
}