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

2023-11-12

简介

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

演示:

前 wxml

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

后 js

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

讲解:

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

这里写图片描述

这里写图片描述

增加说明

这里写图片描述

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

特别讲解:

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

这里写图片描述

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

这里写图片描述

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

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

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

这里写图片描述

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

这里写图片描述

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序:setdata--数据如何输出到前台 的相关文章

随机推荐

  • 【antd 的Upload组件onChange方法只执行一次file.status===‘uploading‘,走不到‘done‘的原因和解决方法】

    背景 如下图所示 使用antd的Upload组件实现上传视频和图片 实现自定义的加载中和预览效果 上传中 loading状态 上传完毕 done状态 实现文件上传中loading思路 当文件在上传中会执行onChange的回调 在file
  • VMware-重要设置-虚拟网络编辑器

    一 概述 虚拟网络编辑器是VMWare中一个比较容易被忽视的强大功能组件 您可以使用虚拟网络编辑器执行以下操作 查看和更改关键网络连接设置 添加和移除虚拟网络以及创建自定义虚拟网络连接配置 在虚拟网络编辑器中所做的更改影响在主机系统中运行的
  • 性能测试场景设计之负载场景

    负载场景 文章目录 负载场景 一 什么是负载测试 二 负载测试场景设计 1 阶梯式加压 插件 jpgc Standard Set 结果 2 第二张阶梯式 Concurrency Thread Group 结果 分析 提示 以下是本篇文章正文
  • 【error】java.lang.IllegalStateException: Failed to introspect Class [com.alibaba.boot.dubbo....]

    目录 报错信息 问题分析 解决方案 报错信息 riqilang wu java lang IllegalStateException Failed to introspect Class com alibaba boot dubbo aut
  • SpringBoot静态资源映射,映射路径

    一 SpringBoot静态资源映射 1 properties文件 Windows地址配置 staticFileUrl file D uploadDoc Linux地址配置 staticFileUrl file uploadDoc 比如说我
  • android ListView 数据分页加载

    Android应用开发中 采用ListView组件来展示数据是很常用的功能 当一个应用要展现很多的数据时 一般情况下都不会把所有的数据一次就展示出来 而是通过分页的形式来展示数据 个人觉得这样会有更好的用户体验 因此 很多应用都是采用分批次
  • HTML中的数据存储

    一 什么是Web Storage 在HTML5中 除了新增canvas元素之外 还新增的非常重要的功能是可以在客户端本地保存数据的WebStorage功能 Web应用的发展 使得客户端存储功能使用得越来越多 而实现客户端存储的方式则是多种多
  • 为什么vue3要选用proxy,好处是什么?

    提问 Object defineProperty 和proxy的区别 为什么vue3要选用proxy 好处是什么 proxy Proxy 对象用于创建一个对象的代理 从而实现基本操作的拦截和自定义 如属性查找 赋值 枚举 函数调用等 Pro
  • SQOOP从mysql导入数据到hive问题

    需要将mysql一张表的数据导入到hive表当中 初始的执行命令如下 sqoop import connect jdbc mysql 10 1 x x 3306 dbname characterEncoding utf 8 username
  • 软件测试之系统测试必备知识

    一 软件系统测试定义 软件系统测试是对整个系统的测试 将硬件 软件 操作人员看作一个整体 检验它是否有不符合系统说明书的地方 这种测试可以发现系统分析和设计中的错误 二 软件系统测试目的 通过与系统的需求定义作比较 发现软件与系统定义不符合
  • Markdown语法简介

    Markdown是一种方便记忆 书写的纯文本标记语言 用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档 它目标是实现易读易写 Markdown的语法全由一些符号所组成 Markdown语法的目标是成为一种适用于网络的书写语言 M
  • java 重新加载spring_SpringBoot的reload加载器的方法

    背景 出现了相同类castException 分析 首先确定出现相同类的castException比如是由于classloader不同造成的 一个class是否相同取决于两个因素 classloader相同 class文件相同 即不同cla
  • Failed to execute goal org.apache .maven.plugins.maven-resounces-plugin:3.2.0:resounces

    1 在部署微服务系统的服务中心和服务提供者时 在打包的过程中 出现过如下的错误 Failed to execute goal org apache maven plugins maven resounces plugin 3 2 0 res
  • 谁说 AI 编程工具缺乏记忆和联想能力?简单琐碎的需求完全可以交给它

    Amazon CodeWhisperer 是一款 AI 编码配套应用程序 可在 IDE 中生成整行代码和完整的函数代码建议 以帮助您更快地完成更多工作 在本系列文章中 我们将为您详细介绍 Amazon CodeWhisperer 的相关信息
  • 如果虚函数在基类与子类名字相同,而参数类型不同不会进行迟后联编

    class Base public virtual void Show int x cout lt lt In Base class int x lt lt x lt lt endl class Derived public Base pu
  • 2020-08-27

    java 1 编译java程序的命令是javac 该命令的文件是javac exe 2 jsp表达式的写法 3 3 Math round 11 5 为 11 四舍五入是向数值大的方向入 4 float与int做除法运算时 会将int转化为f
  • 基础项目(2)二选一数据选择器的设计

    写在前面的话 数据选择器在数字电路设计中的应用尤为广泛 同时 作为基础的电路功能单元 也比较适合作为初学者的入门实验 现在梦翼师兄陪大家一起来设计一个最基础的数据选择器 项目需求 设计一个二选一数据选择器 然后用一路控制信号选择输出数据选通
  • 区块链中的全节点与轻量级节点

    在加密货币中 凡是连接到该网络的任何计算机 都被称为节点 在区块链中 存在一种冗余备份的现象 就是说 如果所有节点都需要保存全网的所有交易及其他数据信息 则不可避免的会出现一些弊端 比如 用户想创建一个自己的区块链节点进行项目开发 而不需要
  • 华为OD机试 - 返回矩阵中非1的元素个数(Java)

    题目描述 存在一个m n的二维数组 其成员取值范围为0 1 2 其中值为1的元素具备同化特性 每经过1S 将上下左右值为0的元素同化为1 而值为2的元素 免疫同化 将数组所有成员随机初始化为0或2 再将矩阵的 0 0 元素修改成1 在经过足
  • 微信小程序:setdata--数据如何输出到前台

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