简介
这一部分我来为大家讲解一下啊 ,小程序前台wxml页面如何调用后台的数据:其中涉及到的一个方法:setdata
演示:
前 wxml
<view >
<text> {{text1}} <text>
</view>
后 js
data:{
},
onload:function(){
this.setData({
text1:“这是文本1”
});
}
讲解:
前端通过 {{变量名}} 来调用后台的数据进行输出;
而后台则通过setdata方法将数据保存到data中,供前台使用;
增加说明
当时src路径需要使用到后台数据时,记得要加双引号"{{xxx}]"
特别讲解:
当使用判断句式的时候,需要判断真假,这个时候需要注意,如果""双引号里面放的是字符串,那么小程序不会去判断字符串到底是true还是false,而是直接认为字符串不为空从而判断为真,这个时候必须加{{]}来进行true还是false的区别,如下图
因此,布尔类型以及数字类型不能加引号,不然会变成字符串类型(小程序会默认判断当前输入为什么类型,一定要注意区分)
字符串类型
数字类型的数据绑定
当数据进行嵌套形式的保存时 如下
几重嵌套保存,就几重嵌套调用,用点调用下一层
要是对大家有帮助的话,记得点赞收藏,关注博主喔;
持续更新小程序相关,欢迎大家留言交流学习~