Vue 实现微信提示浏览器转跳功能

<template> <div class="main"> <div :class="show==true ? 'block':'blocks'"></div> </div> </template> <script> import Vue from "vue"; import { Popup } from "vant"; import { Cell, CellGroup } from "vant"; import { Dialog } from "vant"; // 全局注册 Vue.use(Dialog); Vue.use(Cell); Vue.use(CellGroup); Vue.use(Popup); export default { props: { msg: String }, data() { return { imgUrl: "./live_weixin.png", codeValue: "http://192.168.32.214:8083/HymSon.apk", show: false }; }, mounted() { this.downApp(); }, methods: { downApp() { let ua = navigator.userAgent.toLowerCase(); //Android终端 let isAndroid = ua.indexOf("Android") > -1 || ua.indexOf("Adr") > -1; //Ios终端 let isiOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); if (isWeixinBrowser()) { this.show = true; this.$router.push({ path: "/product" }); } else { if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //Ios } else if (/(Android)/i.test(navigator.userAgent)) { //Android终端 window.console.log("这是安卓"); window.location = this.codeValue; } } function isWeixinBrowser() { return /micromessenger/.test(ua) ? true : false; } } } }; </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style > .block { width: 100%; height: 400px; background-color: gray; background-image: url("/live_weixin.png");//默认路劲为public下 background-size: 100% 100%; } .blocks { width: 100%; height: 400px; background-color: gray; background-size: 100% 100%; } </style>


__EOF__

本文作者可乐加冰
本文链接https://www.cnblogs.com/zt199510/p/12692759.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   可乐_加冰  阅读(1246)  评论(0编辑  收藏  举报
编辑推荐:
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示