抖音小程序 picker不能关闭,谁知道原因?

作者站长头像
站长
· 阅读数 11

抖音开发者工具 v4.0.0 demo源于官方文档:https://developer.open-douyin...

在开发者工具里演示,只有 model=date 日期选择器可以用,其他的弹出菜单后都不能取消和关闭,不解。有没有遇到一样的问题的?

直接从github下载的别人做好作品,在本地运行也是无法点击picker的取消和关闭的。所以不是个人配置demo的原因。git: https://github.com/EastWorld/...

代码重新整理,纯官方代码演示了。


      
      <view class="page-section-title page-section-title-space">普通Object选择器</view>
      <picker bindchange="bindObjectPickerChange" value="{{objectIndex}}" range="{{objectArray}}" range-key="en">
        <view class="picker">
          当前选择:{{objectArray[objectIndex]['en']}}
        </view>
      </picker>
      
      <view class="page-section-title page-section-title-space">日期选择器</view>
      <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange" fields="year">
        <view class="picker">
          当前选择: {{date}}
        </view>
      </picker>
Page({
  data: {
    objectIndex: 0,//选择下标
    objectArray: [{
      id: 0,
      name: '美国',
      en: 'USA'
    }, {
      id: 1,
      name: '中国',
      en: 'China'
    }, {
      id: 2,
      name: '巴西',
      en: "Brasil"
    }, {
      id: 3,
      name: '日本',
      en: "Japan"
    }],
  },
  bindObjectPickerChange: function (e) {
    console.log('objectIndex', e, e.detail.value);
    this.setData({
      objectIndex: e.detail.value
    });
  },
 
  bindDateChange: function (e) {
    console.log('bindDateChange', e, e.detail.value);
    this.setData({
      date: e.detail.value
    });
  },
})

bindDateChange 日期的事件能捕获打印,能取消picker菜单。。 对象类型的picker事件 bindObjectPickerChange 没有捕获到打印,而且不能取消picker菜单。

回复
1个回答
avatar
test
2024-07-14

没有写过抖音小程序,但是你可以检查一下回调函数有没有配置,还有相关的参数有没有配置成功。最好还是贴一下你的代码和效果图,大家看的清晰一点。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容