Element-UI使用jsx渲染el-switch不能切换

Question

需求：在el-tree中使用el-switch组件
实现：el-tree使用renderContent渲染节点内容，代码如下

renderContent(h, { node, data, store }) {
  return (
    <div class="tree-custom">
      <div class="tree-op-box">
        <el-switch size="mini" v-model={data.active} on-change={(val) => console.log(val) }  on-text="启用" off-text="禁用" on-color="#13ce66"></el-switch>
      </div>
      <div>{data.label}</div>
    </div>)
}

问题：active都是true，但是switch开关全部是off状态，点击切换时，通过change方法打印出的新状态都是true；并且控制台报错，switch开关不能切换为on状态
图片上传不了。。。报错信息如下：

[Vue warn]: Error in event handler for "input": "TypeError: Cannot read property 'value' of undefined"
TypeError: Cannot read property 'value' of undefined

Answer 1

该问题已解决

Answer 2

请问楼主解决了么 ，如何解决的，谢谢