- 利用了微信小程序中的<template"/>标签
- 在模板wxml中已经按照正常html文档的格式,将wxml中的<template"/>扩展,达到解析html的效果
- 都是小程序不能插入dom的锅
基本使用方法:
1. Copy文件夹wxParse
- wxParse/
-wxParse.js(必须存在)
-html2json.js(必须存在)
-htmlparser.js(必须存在)
-showdown.js(必须存在)
-wxDiscode.js(必须存在)
-wxParse.wxml(必须存在)
-wxParse.wxss(必须存在)
-emojis(可选)
2. 引入必要文件
//在使用的View中引入WxParse模块
var WxParse = require('../../wxParse/wxParse.js')
//在使用的Wxss中引入WxParse.css,可以在app.wxss
@import "/wxParse/wxParse.wxss"
3. 数据绑定
var article = '<div>我是HTML代码</div>'
/**
* WxParse.wxParse(bindName , type, data, target,imagePadding)
* 1.bindName绑定的数据名(必填)
* 2.type可以为html或者md(必填)
* 3.data为传入的具体数据(必填)
* 4.target为Page对象,一般为this(必填)
* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
*/
var that = this
WxParse.wxParse('article', 'html', article, that,5)
4. 模版引用
//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
获取page数据,看代码:var text=this.data.name ,这样就获取到初始化的值\x0d\x0apage({\x0d\x0adata:{name:"test"},\x0d\x0ashowData:function(){\x0d\x0avar text=this.data.name\x0d\x0a\x0d\x0a}\x0d\x0a})微信小程序data里的是数组,没有集合。根据查询相关公开信息显示,微信小程序中不能直接使用函数传参,需要用data来绑定一个属性,进行传参,而传参只需要用数组运行,不需要集合,所以微信小程序data里的是数组,没有集合。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)