uniapp-解析html代码

uniapp-解析html代码

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

使用起来也非常的方便:
将组件下载到自己的项目
uniapp-解析html代码_第1张图片
代码:

<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>

你可能感兴趣的:(uni-app,javascript,开发语言)