小程序常用代码

传值

1. bindtap绑定事件,view传参:通过data-XXX="value"

<view bindtap="show" data-mid='22'>点击显示数据</view>

//获取mid参数
show(e) {
   const mid = e.currentTarget.dataset.mid || 0;
 },

2. 父组件向子组件(子组件pitem)传参

<pitem game-id="2"></pitem>

//字组件接收参数
子组件声明properties 接收gameId

wxParse使用

1. wxss引入(less里面引入)

@import "../../wxParse/wxParse.wxss";   

2. JS引入

const wxParse = require('../../wxParse/wxParse.js');   

  /**
         * WxParse.wxParse(bindName , type, data, target,imagePadding)
         * 1.bindName绑定的数据名(必填)--postDetailObjDetails需要在wxml页面调用
         * 2.type可以为html或者md(必填)
         * 3.data为传入的具体数据(必填)--_this.data.postDetailObj.content是要转化的小程序内容
         * 4.target为Page对象,一般为this(必填)
         * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
         */
        wxParse.wxParse('postDetailObjDetails', 'html', _this.data.postDetailObj.content, _this, 0); 

3. wxml中的使用

<import src="../../wxParse/wxParse.wxml" />
<template is="wxParse" data="{{wxParseData:postDetailObjDetails.nodes}}" />
posted @ 2023-10-09 13:35  songxia777  阅读(245)  评论(0编辑  收藏  举报