vue render 函数 div 动态class怎么写呢？

站长

2024年06月30日 08:39 · 阅读数 7

render(h, row) {
  return (
    <div
    class="titlewrap"
    :class="{
      childrequirement: row.parentCode
    }"
  >
    <icon>
    <pre class="title">{ row.title }</pre>
  </div>
  )
}

这里 div怎么写动态class呢？这么写会报错

1个回答

test

2024-06-30

就是按照 jsx 的写法来写就可以了啊：

render(h, row) {
  const classList = [
    'titlewrap',
    row.parentCode ? 'childrequirement' : '' 
  ].join(' ')
  return (
    <div class={ classList }>
      <icon>
      <pre class="title">{ row.title }</pre>
    </div>
  )
}

适合作为回答的

经过验证的有效解决办法
自己的经验指引，对解决问题有帮助
遵循 Markdown 语法排版，代码语义正确

不该作为回答的

询问内容细节或回复楼层
与题目无关的内容
“赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容