刷脸支付 CoreJava centos7安装 阿里云 bash sockets optimization random callback vue异步加载组件 vue入门 后台管理模板下载 建站一条龙 jq第一个子元素 mysql重新初始化 python程序界面 matlab中axis excel被保护怎么解除 当前时间减一天 js控制台打印 python中set的用法 python设置环境变量 python读取字典 java使用正则表达式 java集合类 java开发语言 php整站源码 电脑必备软件排行榜 零基础学python idea重命名快捷键 tt语音官网 猫眼电影票 jq改变css样式 udp测试工具 pr书写效果 cdr字体变形 wmiprvse是什么进程 android应用开发入门 文件分割 兽之祝福
当前位置: 首页 > 学习教程  > 编程语言

记录微信wxParse的相关代码

2020/7/24 9:58:14 文章标签:

wxParse是目前我在小程序中常用的富文本解决方案

// js
import WxParse from '../../../wxParse/wxParse'
let articles = content; // 富文本
WxParse.wxParse('article', 'html', articles, this, 5);
// wxml
<template is="wxParse" data="{{wxParseData:article.nodes}}" />
<import src="../../../wxParse/wxParse.wxml" />
// 这是一个富文本内容的渲染方法
// 当有通过页面有多个富文本需要渲染,并且数量还不确定是接口返回回来的就比较复杂了 虽然可以使用rich-text 但感觉不是很好那个原生组件
// 这个时候就可以使用wxparse中另一个js文件
//js
import html2json from '../../../wxParse/html2json'
data:{
	htmlAry:[]
}
var length = parseInt(Math.random()*10)
for(var i = 0; i < length; i++){
	this.data.htmlAry[i] = html2json.html2json(content,'returnData')
}
<template is="wxParse" data="{{wxParseData:htmlAry[index].nodes}}" />

本文链接: http://www.dtmao.cc/news_show_50187.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?