uniapp-解析html代码

builder2991

已于 2023-10-27 15:09:06 修改

阅读量1.8k

点赞数 3

分类专栏： uniapp 文章标签： uni-app javascript 开发语言

于 2023-06-08 16:32:24 首次发布

本文链接：https://blog.csdn.net/low666/article/details/131110015

版权

uniapp 专栏收录该内容

9 篇文章

订阅专栏

uniapp-解析html代码

推荐一个非常好用的插件，在uniapp插件市场即可下载
下载地址：https://ext.dcloud.net.cn/plugin?id=364

使用起来也非常的方便：
将组件下载到自己的项目
在这里插入图片描述
代码：

<template>
	<view class = "content">
		  <u-parse :content="article" @preview="preview" @navigate="navigate" noData="暂无内容" />
	</view>
</template>

<script>
	//导入组件
	import uParse from '@/components/gaoyia-parse/parse.vue'
	export default {
		components: {
		    uParse  //注册组件
		  },
		data() {
			return {
				article:'',
			}
		},
		onLoad(options) {
		   //这里是通过路由带过来的，直接发起请求，把结果赋值给article即可
		    if (options.urlee) {
				let urlee = JSON.parse(decodeURIComponent(options.urlee))
				this.article = urlee.content
	 
		    }
		
		},

		methods: {
		}
	}
</script>
<style>	
</style>