追格资讯小程序文章内链接点击事件处理方法

江河/ 2023年07月18日/ 小程序/ 浏览 1737

经常有朋友问到在追格资讯小程序中文章中链接点击默认是复制,能不能改成其他的处理方式,比如直接打开链接。


当然是不行的。


因为,整个小程序体系都是运行在微信的沙箱之内的,微信不允许随便打开外部链接。


虽然不能,但是可以比 直接复制 更好。


追格资讯小程序作为一款完全开源的小程序源码发布的,希望能尽量满足尽可能多的人的需求,联系形式千变万化,是无法统一处理的。


因此,追格资讯小程序提供了一种方便扩展的方式,同时也提供了几种处理链接的方法,朋友们可以根据自己的需求,选择使用。


utils/extend.js 文件:


function clickHref(data) {
	// data 中包含 href、innerText、rel、target 以及其他自定义属性
	// 如果需要兼容 pc web、h5、小程序多平台,建议充分利用【自定义属性】
	// 比如链接:<a href="https://www.zhuige.com/" xcx-link="/pages/about/about">追格</a>
	// 网页上点击链接打开网站,小程序里则可以使用 uni.navigateTo 打开 /pages/about/about 页面
	// 示例代码:uni.navigateTo({url: data['xcx-link']});

	// console.log(data);

	// 1.复制链接
	uni.setClipboardData({
		data: data.href,
		success: () =>
			uni.showToast({
				icon: 'none',
				title: '链接已复制,请在浏览器中打开'
			})
	})

	// // 2.直接打开 - 只适用于业务域名下链接
	// uni.navigateTo({
	// 	url: '/pages/webview/webview?src=' + encodeURIComponent(data.href),
	// 	fail(res) {
	// 		uni.redirectTo({
	// 			url: '/pages/webview/webview?src=' + encodeURIComponent(data.href)
	// 		});
	// 	}
	// });

	// // 3.假设存在属性 xcx-link,且值为一个合法的小程序页面地址
	// // xcx-link 是 a 的自定义属性,需要在发布文章时设置好
	// uni.navigateTo({
	// 	url: data['xcx-link']
	// });
}


追格资讯小程序简介及源码下载:https://www.zhuige.com/product/zxfree.html


发表评论

暂无评论,抢个沙发...

客服 工单