微信小程序> 小程序:wxParse条件循环

小程序:wxParse条件循环

浏览量:2128 时间: 来源:小黑科技

小程序使用的VUE模式,让刚刚接触的我是四处掉坑了~

想弄一个在线编辑显示模板的功能,就是这个【富文本】编辑器的数据转成小程序时用到的wxParse。

这里不得不吐槽wxParse这个官网对于例子使用介绍的稀缺!!!!!!

-------------------------------

官网:https://github.com/icindy/wxParse

你无论去哪里,都是看到下面这个坑爹的例子:仅适合页面中只有1个HTML或者固定参数的HTML

--------------------------------

最后,死磕3小时下,弄出来的万能使用方法

JS

//js文件var WxParse = require('你的路径/wxParse/html2json.js');//这里注意,是用html2json,不是WxParsepage({    onLoad:function(){        //通过request获取数据后;这里不写了。        var result = r.data.data;        var list = result.templist;//我这里的contnet是html内容        var htmlAry=[];        for (let i = 0; i < list.length; i++) {          if (list[i].type == 'text') {            htmlAry[i] = WxParse.html2json(list[i].content, 'returnData');//重点,就是这里。只要这么干就能直接获取到转化后的node格式数据;            console.log(htmlAry[i]);          }        }        that.setData({          templist: list,          htmlAry: htmlAry,//记得这里要加入        });    }})

wxml

<!---------><template is="wxParse" data="{{wxParseData:htmlAry[0].nodes}}" />

是的,就是这么干,就可以了。当然我例子写得简单,但是这种调用方式的逻辑才是简单的。

既可以单个调用,也可以循环中调用,更可以在条件循环中调用!

哎,本来WxParse这个模块真心不错的,但是这个例子问题坑了不少人。

希望这个文章能帮到一些和我一样遇到这类问题的码友

 

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎