var wxparse = require;怎么调用不成功

var wxparse = require;怎么调用不成功,第1张

原理(个人理解):

- 利用了微信小程序中的<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里的是数组,没有集合。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11545971.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存