[uniapp] rich text click event

Background: After receiving the request, we need to add a click event to the rich text in the app to jump to the interface. It turned out that we only used Render rich text in tabs

accomplish

Use a third-party plug-in address: uParse Rich Text Parsing - DCloud Plug-in Market https://ext.dcloud.net.cn/plugin?id=183#detail

Import the plugin into the project

	import uParse from '@/components/u-parse/u-parse.vue';

	components: {
    
    
		uParse
	},
	
	data(){
    
    
		return {
    
    
			article: `<a href='/pages/player/player1?title=名称&id=id&packId=learnTypeId&type=7'>我是a标签</a>`,
		}
	}

	navigate(url, e) {
    
    
		console.log('url', url); // /pages/player/player1?title=名称&id=id&packId=learnTypeId&type=7
		conso.log(e)
		uni.navigateTo({
    
    
			url:'/pages/player/player3?id=1309&packId=237'
		})
	},

	<view class="swiper-item-text swiper-item-text1">
		<u-parse :content="article" @preview="preview" @navigate="navigate"></u-parse>
	</view>

Refer to the blogger's original text: https://zhuanlan.zhihu.com/p/554786156