微信小程序:setdata--数据如何输出到前台

简介

这一部分我来为大家讲解一下啊 ,小程序前台wxml页面如何调用后台的数据:其中涉及到的一个方法:setdata

演示:

前 wxml

 <view >
      <text> {{text1]} <text>
 </view>

后 js

data:{
},
onload:function(){
    this.setData({
    text1:“这是文本1”
});
}

讲解:

前端通过 {{变量名}} 来调用后台的数据进行输出;
而后台则通过setdata方法将数据保存到data中,供前台使用;

这里写图片描述

这里写图片描述

增加说明

这里写图片描述

当时src路径需要使用到后台数据时,记得要加双引号”{{xxx}]”

特别讲解:

当使用判断句式的时候,需要判断真假,这个时候需要注意,如果”“双引号里面放的是字符串,那么小程序不会去判断字符串到底是true还是false,而是直接认为字符串不为空从而判断为真,这个时候必须加{{]}来进行true还是false的区别,如下图

这里写图片描述

因此,布尔类型以及数字类型不能加引号,不然会变成字符串类型(小程序会默认判断当前输入为什么类型,一定要注意区分)

这里写图片描述

字符串类型
这里写图片描述

数字类型的数据绑定
这里写图片描述

当数据进行嵌套形式的保存时 如下

这里写图片描述

几重嵌套保存,就几重嵌套调用,用点调用下一层

这里写图片描述

要是对大家有帮助的话,记得点赞收藏,关注博主喔;
持续更新小程序相关,欢迎大家留言交流学习~

猜你喜欢

转载自blog.csdn.net/hxfghgh/article/details/80641299