element-ui自定义表头为什么不能用@绑定事件

Question

自定义了一个表头，里面是个按钮，为什么用v-on和@都不能绑定成功，报格式错误

 renderHeader(h) {
        return (
          <div style="margin-bottom:10px">
            <h1 style="text-align:center">本企业近年财务状况</h1>
            <el-button size="small" type="success" @click="financeFalse">新增</el-button>
          </div>
      )
      },

Answer 1

这个是jsx报错，v-on和@都不符合jsx语法规范，注意这里return里的语句并不是html语句，而是jsx语句，建议参考下jsx规范.