h5 页面展示从后台接受的富文本信息(图片预览)

本文介绍如何在H5页面中利用Vant库展示从后台获取的包含图片的富文本信息,重点讲解了Vant的下载安装、在main.js中的引入以及相关代码实现。
摘要由CSDN通过智能技术生成

h5 页面展示从后台接受的富文本信息(图片预览) vant
1.下载安装Vant

npm install vant --save

2.main.js引入

import  {
   ImagePreview}  from  'vant';
Vue.use(ImagePreview);

3.代码

<div class="detailMsg" v-html="str" @click="previewImage($event)"></div>

data(){
   
	return {
   
		imgUrls:[],
		str:'<p><span style="color:#666666;font-size:14px;white-space:normal;background-co
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值