wxparse的使用php返回数组输出,小程序应用实践:wxParse多数据循环使用方法
通常文章内容页我们使用一次wxParse即可将富文本内容正常显示出来,但如果列表页需要循环输出的话,就不那么简单了,我也是在思考了很久也是束手无策的情况下找到了这篇文章,看后再根据自己需要修改下自己的代码,即可实现
介绍
介绍如何使用wxParse在回复等多条HTML共同渲染的方法
方法介绍
/**
* WxParse.wxParseTemArray(temArrayName,bindNameReg,total,that)
* 1.temArrayName: 为你调用时的数组名称
* 3.bindNameReg为循环的共同体 如绑定为reply1,reply2...则bindNameReg = 'reply'
* 3.total为reply的个数
*/
var that = this;
WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)
使用方式,循环绑定数据
var replyHtml0 = `
wxParse回复0:不错,喜欢[03][04]
`;
var replyHtml1 = `
wxParse回复1:不错,喜欢[03][04]
`;
var replyHtml2 = `
wxParse回复2:不错,喜欢[05][07]
`;
var replyHtml3 = `
wxParse回复3:不错,喜欢[06][08]
`;
var replyHtml4 = `
wxParse回复4:不错,喜欢[09][08]
`;
var replyHtml5 = `
wxParse回复5:不错,喜欢[07][08]
`;
var replyArr = [];
replyArr.push(replyHtml0);
replyArr.push(replyHtml1);
replyArr.push(replyHtml2);
replyArr.push(replyHtml3);
replyArr.push(replyHtml4);
replyArr.push(replyHtml5);
for (let i = 0; i
WxParse.wxParse('reply' + i, 'html', replyArr[i], that);
if (i === replyArr.length - 1) {
WxParse.wxParseTemArray("replyTemArray",'reply', replyArr.length, that)
}
}
模版使用
回复{{index}}:
wxparse的使用php返回数组输出,小程序应用实践:wxParse多数据循环使用方法相关推荐
- wxparse的使用php返回数组输出,微信小程序中WxParse循环解析返回的富文本数据
WxParse循环解析 一.遇到问题 最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解析ht ...
- 微信小程序php返回数组,微信小程序 数组(增,删,改,查)等操作实例详解...
微信小程序 数组(增,删,改,查)等操作 最近在做一个小程序的demo.由于不向后台请求数据,所以就涉及到对本地数据的操作,也遇到了一些坑,本文就以数组的增删改查为例,给新手分享一些经验. 首先这是原 ...
- 【小程序】使用wxParse解析html
小程序在开发时,读取到服务器的内容是html格式的,因小程序不支持html格式的内容显示的,因此要对html格式的内容进行编译,可以通过wxParse来实现. wxParse下载地址 实现方法: 将下 ...
- 在微信小程序中,使用wxParse插件解析HTML/md富文本
1. 在微信小程序中,使用wxParse插件解析HTML富文本 下载文件 GitHub地址:https://github.com/icindy/wxParse 解压文件,在解压后的文件夹里找到wxPa ...
- wxParse多数据循环使用方法
微信小程序富文本解析组件wxParse多数据循环使用方法,说明文档:https://github.com/icindy/wxParse/wiki/wxParse多数据循环使用方法 说明文档中,没有示例 ...
- 新闻资讯小程序开发实践
新闻资讯小程序开发实践 在腾讯小程序上线一周年之际,公司又决定把App产品部分内容在小程序上实现.就在小程序刚上线的时候,公司也有一款产品进行了小程序的研发,但后续没有持续的维护.这过了一年的时间,微 ...
- 腾讯在线教育小程序开发实践之路
前言: 小程序是一种新的开放能力, 开发者可以快速地开发一个小程序,便可以在微信内被便捷得获取和传播,同时具有出色的使用体验.随着近两年来小程序风口的爆发,越来越多的开发者.企业开始接入小程序,那么在 ...
- 微信小程序开发(2) - 微信小程序实现拍照和录像拍摄功能方法
微信小程序开发2 - 本文实例讲述了微信小程序实现拍照和录像拍摄功能方法.分享给大家供大家参考,具体如下: 微信小程序拍照: API:wx.chooseImage 原先的想法是使用微信的camera组 ...
- 微信小程序android错误,微信小程序首页数据初始化失败的解决方法
一. 问题描述 用户首次后再次进入小程序时,我们通常需要通过获取用户openid或unionid用作唯一标示与后台进行数据交流,初始化用户信息.当我们通过第三方服务器跟微信建立请求时,微信需要用户确认 ...
- 小程序获取用户信息的两种方法
小程序获取用户信息的两种方法 第一种使用 getUserProfile 代码示例 第二种使用 头像昵称填写 相信大家之前也经常使用open-data获取用户的头像和昵称吧,但微信的这个改编意味着我们要 ...
最新文章
- 转载:一文带你入门统计学(附资源)
- Java中在一个字符串的固定位置插入字符串
- Python字符串| 带示例的format()方法
- vscode shift+ arl + f 格式化统一(笔记)
- 永中Office—给公文设置密码
- lower版购物车模拟
- mysql服务设置远程连接 解决1251 client does not support ..问题
- 游戏开发之extern “C“、内存申请及匿名函数(lambda)(C++基础)
- 开放式虚拟仿真实验服务器,润尼尔开放式虚拟仿真实验教学及资源共享平台
- html5移动端选择城市,移动端城市选择插件(原创)
- ff14服务器建信号,《FF14》服务器人口平均化公告 陆行鸟区关闭角色创建
- 离散数学-集合论-关系的概念、表示和运算(7)
- ubuntu系统如何连接到服务器,远程ubuntu系统怎么连接到服务器
- apmserv mysql密码_apmserv中修改mysql的root与phpmyadmin密码方法介绍
- 【计算机毕业设计】Java ssm高校英语四六级报名系统
- 设计模式 -- 状态模式
- 文献阅读---玉米干旱响应和耐受性基因表达的调控变异定位
- sheepdog简介
- 六种方法实现JavaScript数组去重
- 聚观早报|王慧文要做「中国版 OpenAI」;Temu斥资近亿元赞助超级碗
热门文章
- 【河马】oracle注入工具v1.1,明小子4.5|明小子注入工具 v15.1最新版
- 三菱PLC编程口通信上位机端报文和java示范代码
- AMD Intel 机器 Spark 性能测试
- Final类型数据的初始化
- CPU监控工具(CPU使用率及CPU温度监控)
- 计算机一级考试广告,2013年计算机一级考试MsOffice备考题及答案(21)
- delphi商业源码
- 安卓模拟器按键_逍遥安卓模拟器PC版-逍遥安卓模拟器下载v7.2.8.0
- ADODB.Connection、ADODB.RecordSet
- 超级玛丽制作揭秘8跟踪打印 类FILEREPORT