uni-app开发微信小程序,点击后要1-2s后才弹出自定义picker-view,不知道是什么原因导致的?

发布于 2022-09-12 13:58:57 字数 1520 浏览 22 评论 0

uni-app开发微信小程序,页面上需要通过一个按钮点击弹出picker-view筛选城市,simple-address是自定义城市筛选组件(类mpvue-picker),当数据为空时,组件弹出很流畅,但是当页面有数据时(数据不多,就5条),点击按钮后,要1-2s后才弹出。merchant-item是自定义列表item组件。

<template>  
    <view class="merchant-list" v-if="hasLocation != null">  
        <view class="sticky-wraper">  
            <uni-search-bar class="search-bar" :cancelButton="false" @confirm="handleSearch" :radius="5" clearButton="none" placeholder="请输入店铺名"></uni-search-bar>  
            <view class="condition-wraper">  
                <view class="condition" @click="openAddress">{{locationName}}<text class="iconfont icon-arrowdown"></text></view>  
                <view class="condition sort">按距离排序</view>  
            </view>  
        </view>  
        <view class="items-container">  
            <template v-if="items.length > 0">  
                <merchant-item v-for="(item, idx) in items" :key="item.id" :item="item" />  
            </template>  
            <empty v-else primaryColor="#fff" />  
        </view>  
        <simple-address ref="simpleAddress" cancelColor="#3f3f3f" :pickerValueDefault="cityPickerValueDefault" @onConfirm="onConfirm" themeColor="#bd9250"></simple-address>  
    </view>  
</template>

openAddress() {  
  this.$refs.simpleAddress.open();  
}

image

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文