微信引导下载

template中
<div>  
       <div class="footer">            
          <a v-if="!isWeixin" href="下载的文件地址">             
          </a>
          <div v-else @click="wxClick">
          </div>
       </div>      
</div>      
<div v-if="isShow" class="wxtip"  @click="noShow">
        <span class="wxtip-icon">
          <img src="背景图，覆盖作用weixin-tip.png" />
        </span>
             
<p class="wxtip-txt">点击右上角按钮<br/>选择浏览器去下载APP</p>      
</div>


mounted() {
    var ua = navigator.userAgent;
    获取浏览器信息
    var isWeixin = !!/MicroMessenger/i.test(ua);
    判断是否是微信内核
    if (isWeixin) {
      this.isWeixin = true;
      this.wxClick();
    } else {
      this.isWeixin = false;
    }
  },
methods: {
    wxClick() {
      this.isShow = true;
    },
    noShow() {
      this.isShow = false;
    }
  }
复制代码