uniapp小程序跳转第三方直播网络页面的实现方式

最新推荐文章于 2024-11-20 17:21:50 发布

原创

最新推荐文章于 2024-11-20 17:21:50 发布 · 2.7k 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #vue.js #javascript

利用<web-view src="https://v.qq.com/"></web-view> 标签的特性，它能打开移动web端进行浏览

案例如下：

			<!-- 跳转到腾讯会议 -->
			<web-view v-if="liveShow"  :src="liveAddress"></web-view>

js实现逻辑

	data() {
		return {
			liveShow: false ,// 是否打开移动端腾讯视频会议地址
			liveAddress:'https://meeting.tencent.com',//直播地址https://meeting.tencent.com   
		};
	},

        // 逻辑方法
		// 跳转直播弹框提示
		livePage(liveUrl) {
			uni.showModal({
				title: '提示',
				content: '您即将打开腾讯会议观看在线直播',
				cancelText: '取消', // 取消按钮的文字
				confirmText: '确定', // 确认按钮文字
				showCancel: true, // 是