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

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

浏览量:596 时间: 来源:GroovRain

简介

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

演示:

前 wxml

 view       text {{text1]} text /view

后 js

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

讲解:

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

小程序

小程序

增加说明

小程序

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

特别讲解:

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

小程序

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

小程序

字符串类型
小程序

数字类型的数据绑定
小程序

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

小程序

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

小程序

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

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎