[每天进步一点点~] uni-app @longpress长按触

uni-app @longpress长按触发事件，长按某个列表项或按钮弹出弹窗

<template>
    <view>      
        <view @longpress="longtap" class="longtap" @click="click">长按触发事件</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
            },
            click(){
                this.show = false
            }
        }
    }
</script>

<style scoped lang="scss">      
    .longtap {
        margin-top: 30rpx;
        background-color: red;
        height: 88rpx;
        text-align: center;
        line-height: 88rpx;
        color: #fff;
        font-size: 28rpx;
    }
    
    .popup {
        width: 500rpx;
        height: 600rpx;
        background-color: pink;
        z-index: 99;
        position: fixed;
        top: 20%;
        left: 20%;
    }
</style>

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