uniapp之picker点击不弹出

最新推荐文章于 2025-03-31 16:30:38 发布

原创最新推荐文章于 2025-03-31 16:30:38 发布 · 8.7k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#uni-app

uniapp开发实战专栏收录该内容

1 篇文章

订阅专栏

博主分享了一段关于在不同平台下，使用time类型picker组件遇到无法弹出问题的解决经历，着重于代码示例和异常解决方案，指出默认值设置的重要性。

这里使用了一个time类型picker,不管真机,还是打包到小程序,浏览器,点击后都无法弹出直接上代码,坑死我了,看了文档也没说明...

    <view class="flex" style="justify-content: space-between; align-items: center; padding: 20upx; margin-top: 2upx;background-color: #FFFFFF;">
      <view class="item">
        <text class="title">开店时间：</text>
        <picker mode="time" :value="time" start="09:01" end="21:01" @change="bindTimeChange">
          <view class="desc">{{time}}</view>
        </picker>
      </view>
    </view>
----------------js----------------
  data() {
    return {
      time: ''
    };
  },

怎么点击都弹不出来picker弹窗....

time设置默认值 '请选择' 点击可以弹出了.....我真的是!@&$%!@$....浪费我半天时间

    <view class="flex" style="justify-content: space-between; align-items: center; padding: 20upx; margin-top: 2upx;background-color: #FFFFFF;">
      <view class="item">
        <text class="title">开店时间：</text>
        <picker mode="time" :value="time" start="09:01" end="21:01" @change="bindTimeChange">
          <view class="desc">{{time}}</view>
        </picker>
      </view>
    </view>
----------------js----------------
  data() {
    return {
      time: '请选择'
    };
  },

服了!!!