在VUEJS 2和JSX中使用传播操作员与事件侦听器

Question

这是我问题的简单版本：

render (h) {
  let events = {onClick: handleClick}
  return (<div {...events}></div>)
}

onClick事件未添加到div元素中，传播操作员与class和style属性效果很好，但没有任何事件侦听器绑定(以on或nativeOn开始(。有人可以解释为什么并为我提供一个可以将任意数量的事件绑定在元素上的解决方案？

Answer 1

应该像这样：

render (h) {
  const hi = function () {
    console.log('hello')
  }
  return (
    <div { ...{ on: {click: hi} } } > click me! </div>
  )
}

在这里，链接到babel-plugin-transform-vue-jsx问题