vue jsx写法

本文总结一下 vue jsx 的常用写法。

vue jsx 中 v-model 的写法

render() {
  return (
    <input v-model={this.userName}/>
  )
}

vue jsx 中事件绑定写法

render() {
  return (
    <button onClick={this.onClick}>click me</button>
  )
}

vue jsx 综合实例

this.$confirm({
  title: '全部离场',
  content: h => (
    <div>
      <div class="color-text">
        确认对近24小时内所有入场但未离场的{this.page.total_counts}
        名会员进行全部离场？
      </div>
      <div class="color-text-light mg-t8">
        注：此操作将 <span class="color-danger">更新</span>
        未离场会员的离场记录，可能需要等待2-5s，期间请勿重复操作。
      </div>
      <div class="color-text mg-t24">
        <a-checkbox v-model={this.cabinet_free}>
          一并释放会员未归还的智能临时储物柜（不会打开柜门）
        </a-checkbox>
      </div>
    </div>
  )
})

本文地址：https://www.tides.cn/p_vue-jsx