我的后臺(tái)是使用ck編輯器進(jìn)行編輯的數(shù)據(jù)。前臺(tái)需要現(xiàn)實(shí)，并且是列表現(xiàn)實(shí)，主要面對(duì)的問題是一個(gè)項(xiàng)里有兩個(gè)字段是多行文本的，并且是一個(gè)列表。所以和網(wǎng)上的還是不一樣

var WxParse = require('../../../wxParse/wxParse'); const app = getApp(); Page({/*** 頁面的初始數(shù)據(jù)*/data: {jgpgList:[],//機(jī)構(gòu)評(píng)估項(xiàng)jgpgCount:0},/*** 生命周期函數(shù)--監(jiān)聽頁面加載*/onLoad: function (options) {var that=this;var cateid=options.cateId;var jgid=options.JgId;that.getpgitems(cateid,jgid);},/*** 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成*/onReady: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面顯示*/onShow: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面隱藏*/onHide: function () {},/*** 生命周期函數(shù)--監(jiān)聽頁面卸載*/onUnload: function () {},/*** 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作*/onPullDownRefresh: function () {},/*** 頁面上拉觸底事件的處理函數(shù)*/onReachBottom: function () {},/*** 用戶點(diǎn)擊右上角分享*/onShareAppMessage: function () {},getpgitems:function(cateId,jgId){//查詢機(jī)構(gòu)類別var that = this;wx.showLoading({title: '加載中......',mask: true})//進(jìn)入大列表頁查詢信息wx.request({url: app.globalData.apiUrl+'WxXcx/YangLaoYan/GetJgPgItems',data:{JgId:jgId,cateId:cateId,LoginKey: wx.getStorageSync('loginKey')},method: 'GET',header: {'content-type': 'application/json'},success: function (res) {that.setData({jgpgList: res.data.data.data,jgpgCount:res.data.data.count})var listRes=res.data.data.data; //要解析的數(shù)據(jù)for (let i = 0; i < listRes.length; i++) {WxParse.wxParse('option' + i, 'html', listRes[i].Option, that);WxParse.wxParse('optionsm' + i, 'html', listRes[i].OptionSm, that);if (i === listRes.length - 1) {WxParse.wxParseTemArray("listoption", 'option', listRes.length, that)WxParse.wxParseTemArray("listoptionsm", 'optionsm', listRes.length, that)}}let list = that.data.listoption;list.map((item, index, arr) => { listRes[index].option=item;});let listsm = that.data.listoptionsm;listsm.map((item, index, arr) => { listRes[index].optionsm=item;});that.setData({jgpgList: listRes,})wx.hideLoading();}})},pinggu:function(e){//評(píng)估} })

wxml:

<!--養(yǎng)老院機(jī)構(gòu)評(píng)估項(xiàng)信息查看頁--> <import src="/wxParse/wxParse.wxml"/> <cu-custom bgColor="bg-gradual-blue" isBack="{{true}}" ><view slot="backText">返回</view><view slot="content">評(píng)估項(xiàng)</view> </cu-custom> <view class="content" wx:if="{{jgpgCount>0}}"> <view class="row margin-top" wx:for="{{jgpgList}}"> <view class="pinggu-title">{{item.Bcode}}</view> <view class="pinggu-title">評(píng)定項(xiàng)：</view> <view class="pdx-content"><template is="wxParse" data="{{wxParseData:item.option}}"/> </view> <view class="pinggu-title">操作說明：</view> <view class="czsm-content"><template is="wxParse" data="{{wxParseData:item.optionsm}}"/> </view> <view class="pinggu-title">分值：</view> <view class="czsm-content">{{item.Bscore}} 分</view> <view ><text class="pinggu-title">狀態(tài):</text><text>{{item.ScoreStateDic}}</text></view> <view class="pinggaction"> <view catchtap="pinggu" class="cu-capsule radius " ><text class="cuIcon-edit text-orange scopbtn"> </text><text class="text-orange pgtitle">評(píng)估</text> </view></view> </view></view> <view class="{{jgpgCount>0?'hidenodata':'nodata'}}" wx:else>沒有數(shù)據(jù)........... </view>

總結(jié)

以上是生活随笔為你收集整理的小程序对wxParse 使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。