无法识别Vuejs JSX onTouchStart

Question

我正在尝试将JSX与Vuejs结合使用，目前我正在尝试这样做

export default {
  methods: {
    handleClick: function (e) {
      console.log('clicking: ', e)
    },
    handleTouchStart: function (e) {
      console.log('touching: ', e)
    }
  },
  render (h) {
    return (
      <div
        className="slider"
        onTouchStart={(e) => this.handleTouchStart(e)}
        onClick={(e) => this.handleClick(e)}>
        <h1> Hey there </h1>
      </div>
    )
  }
}

虽然没有调用handleTouchStart函数，但我们仍然可以在单击元素时看到调用了handleClick。我不确定Vue JSX语法中支持多少合成事件？

我们是否需要其他库来让Vue了解touch事件？

Answer 1

嗯，我发现onTouchStart，onTouchMove，onTouchEnd的映射方式类似于onTouchstart，onTouchmove和onTouchend。不知道为什么只有on后面的第一个字母是大写的，因为JSX应该支持camel case语法。无论如何，替换为上述事件，它可以正确地检测到事件名称。