Question

如何在JSX中编写vue语法v-on:click.native？

例如，JSX中的v-on:click是onClick。

（在meta discussion之后编辑）

我最初用jsx标签发布了这个问题，但是将其转换为reactjs。 React与这个问题无关。为了这个meta discussion，我要离开reactjs标签。

Answer 1

文档babel-plugin-transform-vue-jsx中的答案是nativeOnClick：

<el nativeOnClick={this.nativeOnClickHandler} />

Answer 2

接受的答案是错误的。

使用JSX（渲染功能）时，您可以这样做：

{
  components: {someComp},
  functional: true,
  render:function (h, c){
    return h(someComp, {
      nativeOn: {
        click: function(){
          //stuffs
        }
      },
    }, []);
  }
}

import SomeComp from '...'
return default {
  functional: true,
  render: (h, c) => <SomeComp nativeOn={{ click: e => { /* ... */} }} />
}

Answer 3

在vue / jsx最新版本中：https://github.com/vuejs/jsx

v-on:click.native => vOn:click_native

Vue v-on：JSX中的click.native？

3 个答案: