iview的table中使用jsx循环渲染tag组件失败,编译器报错,求写法

目前用iview的table组件,想在其中某一列插入多个tag组件,效果类似下图
图片描述

代码如下

render :(h, params) => {
   return (
        <div>
            {param.row.tag.map(item => {
                return <Tag key={item} name={item} closeable="true">{item}</Tag>
            })}
        </div>
    )
}

tag就是一个数组,类似:

['aa','bb','cc']

然而编译器报错,

ERROR in ./node_modules/_babel-loader@7.1.2@babel-loader/lib!./node_modules/_vue-loader@13.6.2@vue-loader/lib/selector.js?type=script&index=0!./src/router/videoUpload.vue
Module build failed: TypeError: /var/www/manageplatform/src/router/videoUpload.vue: Duplicate declaration "h" (This is an error on an internal node. Probably an internal error)

不知道是那里写错了,求各位帮忙看一下。

回答:

render: (h, params) => {

          return (
            <div>
              {params.row.tag.map((item) => {
                return <Tag key={item} name={item} closeable="true">{item}</Tag>
              })}
            </div>
          )
        }

只能帮你大致看一下了,因为对你具体的那些不清楚
下面是我前两天写过的一个,你可以看一下有没有帮助
clipboard.png

回答:

Tag改成tag可以,刚刚也遇到这个问题

回答:

楼主解决了吗?我那天在公司把 stage-0 改成 stage-3 就可以了,回家之后又不行了

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注