TS-TSX type-check onClick 报错求解?

Question

 render: ({ row }: { row: any }) => {
      return (
        <SliceHTML
          onClick={() => goDetail(row)}
          content={row.content}
        ></SliceHTML>
      )
    },

SliceHTML组件

Answer 1

export default {
  emits: ['onClick'],
 
}

然后，在你的组件里：

<span @click="$emit('onClick')">Click me</span>

这样，TS 才能知道你的 SliceHTML 组件可以触发onClick 事件。

然后在你的父组件里：

<SliceHTML @onClick="goDetail(row)" :content="row.content"></SliceHTML>