小程序:wxParse条件循环

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

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

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

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

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

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

小程序:wxParse条件循环

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

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

//js文件
var WxParse = require('你的路径/wxParse/html2json.js');//这里注意，是用html2json，不是WxParse


page({
    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这个模块真心不错的，但是这个例子问题坑了不少人。

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

小程序:wxParse条件循环

相关推荐