uni-app 长按触发事件方法 @longpress

站长手记 作者: 2024-08-19 15:25:01
uni-app 使用@longpress长按触发事件,长按某个列表项或按钮触发事件,废话不多说直接上代码:

uni-app 使用@longpress长按触发事件,长按某个列表项或按钮触发事件,废话不多说直接上代码:

<template>
    <view>      
        <view @longpress="longtap" class="longtap" @longTap="longtap">长按触发事件</view>
        <view class="popup" v-show="show">
            长按触发弹窗
        </view>
    </view>
</template>
 
<script>
    export default {
        data() {
            return {
                // 弹窗
                show:false,
            }
        },
        onLoad() {
 
        },
        methods: {
            // 长按触发事件
            longtap(){
                // console.log("长按触发事件?")
                // uni.showModal({
                //     title: '提示',
                //     content: '这是一个模态弹窗',
                //     success: function (res) {
                //         if (res.confirm) {
                //             console.log('用户点击确定');
                //         } else if (res.cancel) {
                //             console.log('用户点击取消');
                //         }
                //     }
                // });
                this.show = true
            }
        }
    }
</script>

在微信和h5端只有longpress起效果,在支付宝小程序端只有longTap起效果

原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65007.html