微信小程序如何支持长按识别二维码功能

1.previewImage

  1. 小程序wxml
<image src="{
           
    {image}}"  bindtap="imgLoad"></image>
  1. 小程序js文件
imgLoad: function(event) {
          
   
      let imgList = [
        **,
      ]
      wx.previewImage({
          
   
        current: **, // 当前显示图片的http链接
        urls: imgList // 需要预览的图片http链接列表
      })
    }

2.内嵌h5(支持异步)

  1. 小程序wxml
<web-view src="**?id=0" ></web-view>
  1. html

3.html内嵌script

<script type="text/javascript">
        //获取url里携带的参数
        function getQueryVariable() {
          
   
            let divs = document.querySelectorAll(.wrapper);
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            let order = parseInt(vars[0].split(=)[1]);
            divs[order].style.display = block;

        }
        getQueryVariable();
        setTimeout(() => {
          
   
            window.location.search = ?id=1,
            getQueryVariable();
        }, 3000);
    </script>
经验分享 程序员 微信小程序 职场和发展