使用uni.showActionSheet方法itemList数量超过6时，点击提示框不反应问题

最新推荐文章于 2024-01-18 10:47:55 发布

门门men

最新推荐文章于 2024-01-18 10:47:55 发布

阅读量1.8k

点赞数

分类专栏： uniapp 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Menqq/article/details/128492431

版权

uni-app showActionSheet picker 底部弹框数据绑定

关键词由CSDN通过智能技术生成

uniapp 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

uni.showActionSheet方法，使用点击操作时，弹出底部向上弹出提示框，用于数据数量不固定，itemList数量未超过6时使用正常，当数量超过6时点击操作没反应 uni.showActionSheet方法
在这里插入图片描述
解决方法，使用方法 picker

      <view>
        <label>
          <text>*</text>
          失效时间</label>
        <picker
            @change="change"
            @cancel="cancel"
            @click="bindFromPickerChange('name', yxsj)"
            :value="showAreaArr"
            :range="showAreaArr">
          <view class="uni-input" v-model="bjinfor.yxsj">{{diquName}}</view>
        </picker>
      </view>

      // 取消
      cancel() {
        console.log('cancel');
        // this.regionName 默认指定值
        this.diquName = this.regionName;
        this.$emit('changeregion','')
      },
      // 确定
      change: function (e) {
        this.areaId = '';
        this.diquName = this.showAreaArr[e.detail.value];
      },
      bindFromPickerChange (e, arr) {
        this.showAreaArr = arr.map(item => {
          return item[e]
        })
      },