Tencent / wepy

小程序组件化开发框架
https://wepyjs.gitee.io/wepy-docs/
Other
22.5k stars 3.05k forks source link

我该如何书写才能让原生picker组件的@change编译为bindchange #2851

Open lihang-develop opened 3 months ago

lihang-develop commented 3 months ago

@wepy/core": "^2.1.0 编译前:

WebStorm 2024-06-17 23 24 05

编译后:

image
lihang-develop commented 3 months ago

import wepy from '@wepy/core'

wepy.page({
  props: {
  },
  data: {
    startDate: '',
    endDate: ''
  },
  methods: {
    onStartDateChange (e) {
      console.log(e.detail.value)
      console.log(2)
    },
    onEndDateChange (e) {
      console.log(e.detail.value)
      console.log(1)
    }
  },
})
`
lihang-develop commented 3 months ago

     <picker
            mode="date"
            start="2015-09-01"
            :end="endDate"
            bindchange="onStartDateChange">
            <div class="picker-inner">
              <i class="iconfont icon-rq"></i>
              <span class="text">{{ startDate || '开始日期' }}</span>
            </div>
          </picker>
          <picker
            mode="date"
            :start="startDate"
            end="2017-09-01"
            @change="onEndDateChange">
            <div class="picker-inner">
              <i class="iconfont icon-rq"></i>
              <span class="text">{{ endDate || '结束日期' }}</span>
            </div>
          </picker>
          <picker
            mode="date"
            :start="startDate"
            end="2017-09-01"
            @bindchange="onEndDateChange">
            <div class="picker-inner">
              <i class="iconfont icon-rq"></i>
              <span class="text">{{ endDate || '结束日期' }}</span>
            </div>
          </picker>
`