【小程序】wxml页面如何调用js中的变量数据?(图文示例)
·

1、data.wxml
<!--pages/js/data.wxml-->
<text>这是【{{ title }}】页面</text>
<view>-----------------------------</view>
<view>
<text space="nbsp">{{ListArr[0]}} | </text>
<text space="nbsp">{{ListArr[1]}} | </text>
<text space="nbsp">{{ListArr[2]}}</text>
</view>
<view>-----------------------------</view>
<view>
<text space="nbsp">{{obj.name}} | </text>
<text space="nbsp">{{obj.sex}} | </text>
<text space="nbsp">{{obj.old}} </text>
</view>
2、 data.js代码
// pages/js/data.js
Page({
/**
* 页面的初始数据
*/
data: {
title: "数据绑定",
ListArr: ["姓名", "性别", "年龄"],
obj:{"name":"张飞","sex":"男","old":20}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐


所有评论(0)