vue webapp 长按保存图片到相册

最新推荐文章于 2024-07-20 11:00:22 发布

0?0

最新推荐文章于 2024-07-20 11:00:22 发布

阅读量2.3k

点赞数 2

分类专栏： Vue2学习记录

本文链接：https://blog.csdn.net/weixin_42301962/article/details/106940844

版权

Vue2学习记录专栏收录该内容

27 篇文章 1 订阅

订阅专栏

<template>
  <div class="container">

      <div class="white-box">
        <div class="erweima">
            <img :src="user_qrcode" alt="" @touchstart="start">
            <p>商家收款码</p>
        </div>
      </div>
  </div>
</template>

<script>
export default {
    name: 'payCode',
    data(){
        return{

            longClick: 0,
            timeOutEvent: 0,
            user_qrcode: ""
        }
    },
    created:function(){
        
    },
    methods:{ 

        start() {
            var that = this;
            this.longClick = 0;
            this.timeOutEvent = setTimeout(function() {
                that.longClick = 1;
                that.downImg()
            }, 500);
        },
        downImg(){
            let _this = this;
            if(!window.plus) return;
            plus.gallery.save(_this.user_qrcode, function () {
                _this.$public.msg('保存成功!');   //_this.user_qrcode 是服务器链接，必须是图片格式
            },function(){
                _this.$public.msg('保存失败，请重试!');
            });
        },

    }
}
</script>