【微信小程序】在WXML文件中显示JS文件中全局变量的方法

news2024/11/27 22:31:01

前言

我们知道在wxml中可以通过数据绑定的方法来获取到js文件中data里面的数据,并且显示到wxml界面,那么我们该如何在wxml中显示js文件里面的全局变量呢?


显示data里面数据的方法

在wxml种我们可以显示js代码中data代码段中的变量。

具体的操作是:

1.在js中添加data字段以及相应的格式,并在data字段中创建一个变量

2.在wxml中使用双花括号来绑定你需要显示的变量的名称

XWML

JS


显示全局变量的方法

但是我们怎么让一个全局变量也显示在wxml中呢?

如下图我创建了一个名字为abc的全局变量。

注意我这里用的是引号将其括起来,不然它是会相减的,abc里面的数据就变成了2009然后我需要使用setdata方法来将abc里面的数据存入data之中。

在wxml页面中绑定edf

就能显示全局的变量了

简而言之,显示全局变量的方法就是使用setData方法,将全局变量赋值给data字段里面的变量,这样就可以显示全局的变量了。


结语

如果有疑问欢迎大家留言讨论,你如果觉得这篇文章对你有帮助可以给我一个免费的赞吗?我们之间的交流是我最大的动力!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/331662.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

《跃迁:从技术到管理的硅谷路径》读后感

一、技术管理 1.技术管理包含两层含义: 一层是管理自己和团队的技术,进行技术选型,在正确的场景使用最适合的技术,保证程序简捷、强壮、可维护,最终完成产品的上线另一层是管理技术团队,帮助团队成员成长…

【面试题】2023 vue高频面试知识点汇总

一、MVVM原理在Vue2官方文档中没有找到Vue是MVVM的直接证据,但文档有提到:虽然没有完全遵循MVVM模型,但是 Vue 的设计也受到了它的启发,因此在文档中经常会使用vm(ViewModel 的缩写) 这个变量名表示 Vue 实例。为了感受MVVM模型的…

十二款硬盘数据恢复软件!恢复数据,最适合你的是这一款

硬盘数据发生丢失,通过快捷键、回收站、备份都无法恢复回来。对于电脑小白来说,最好的方法就是通过专业软件恢复数据。市面上很多硬盘数据恢复软件,我们大多不清楚它们有哪些功能,好不好用。 为此,我尝试了十二款数据…

雪花算法snowflake

snowflake中文的意思是 雪花,雪片,所以翻译成雪花算法。它最早是twitter内部使用的分布式环境下的唯一ID生成算法。在2014年开源。雪花算法产生的背景当然是twitter高并发环境下对唯一ID生成的需求,得益于twitter内部高超的技术,雪…

【从头开始】Java基础Day05

面向对象、三大特性、异常处理Day05面向对象构造器创建对象内存分析封装继承Super关键字重写多态instanceofStatic详解抽象类接口异常ErrorExceptionError和Exception的区别异常处理机制自定义异常类实际应用中关于异常的总结Day05 面向对象 面向对象编程的本质就是&#xff1…

在这些工厂、农田、服务区,看到智能中国的草蛇灰线

今天,应该很少人会怀疑,以AI、5G、云计算等新一代技术为核心的第四次工业革命,将发生在中国。正如保尔芒图在《十八世纪产业革命》中写道的那样:大工业的特殊性,并不是一下子就显露出来的。一开始,只是城市…

如何将VirtualBox虚拟机转换到VMware中

转换前的准备 首先需要你找到你的virtualbox以及VM安装到哪个文件夹里了,需要将这两个文件夹添加进环境变量Path中。 如果你记不清了,可以用everything全局搜索一下“VBoxManage.exe’以及“vmware-vdiskmanager.exe”,看一眼这个程序放到哪…

推荐几个好用的在线代码编译器

程序员最喜欢用的在线IDE代码编译器,功能很强大,类别很全! 1.网址https://tech.io/snippet 支持 20 种编程语言,页面上没有杂七杂八的东西,非常简约,非常干净,另外,它上面的代码段…

UE4:使用样条生成随机路径,并使物体沿着路径行走

一、关于样条的相关知识 参考自:样条函数 - 馒头and花卷 - 博客园 三次样条(cubic spline)插值 - 知乎 B-Spline(三)样条曲线的性质 - Fun With GeometryFun With Geometry 个人理解的也不是非常深,但是大概要知道的就是样条具…

【C++实现红黑树】

文章目录一、红黑树的概念及性质二、红黑树节点的定义三、红黑树的插入四、红黑树的验证五、完整代码六、总结一、红黑树的概念及性质 红黑树,是一种二叉搜索树,但在每个结点上增加一个存储位表示结点的颜色,可以是Red或Black。 通过对任何一…

时间短/背景弱/获两国邀请函如期赴日本工程院士麾下访学

K老师因省公派要求,年底必须出国,除了申请还要办理各种派出手续,时间很紧张。本人为讲师,硕士学位,且没有论文及课题项目作为依托,学术背景较弱。通过努力,我们分别获得了美国夏威夷大学马诺阿分…

花了5年时间,用过市面上95%的工具,终于找到这款万能报表工具

经常有粉丝问我有“哪个报表工具好用易上手?”或者是“有哪些适合绝大多数普通职场人的万能报表工具?” 从这里我大概总结出了大家选择报表工具最期望满足的3点: (1)简单易上手:也就是所谓的学习门槛要低…

如何下载高程DEM

同步视频教程:卫星地图_高清卫星地图_卫星地图视频_下载高程等高线使用视频教程专题地图制作视频教程:卫星地图_高清卫星地图_卫星地图视频_地图数据应用(制作地图效果的基本过程)视频教程:如何选择中央子午线或者分度…

欧盟砍伐森林法规和遵守情况 用Dimitra技术解决森林砍伐问题

两千年前,西欧有80%的地区被列为森林。今天,这个数字只有34%。森林砍伐影响着这个星球上的每个人。它造成了大约10%的全球变暖。如果不设法解决森林砍伐问题,就不可能应对全球变暖。 毁林是有目的的清除林地的行为。此外,工业化农…

ChatGPT用不了,给你几个免费正常使用的

ChatGPT用不了,给你几个免费正常使用的 ChatGPT是由美国人工智能公司OpenAI开发和训练的,OpenAI的幕后老板是硅谷投资者山姆阿尔特曼和亿万富翁埃隆马斯克。马斯克曾在一篇推文中表示:ChatGPT好得吓人,我们距离优秀… 资源宝分享…

Java中日期格式化字符串大小写区别

最近在项目中遇到一个问题:前端选择时间格式化的样式,后端根据参数,进行格式化,前端的参数有:YYYY,YYYYMM,YYYYMMDD,YYYYMMDDHHMMSS等,前端全部都是大写字母,…

数据集笔记:Uber Movement (Speed)【python 处理数据集至时空矩阵】

Uber Movement: Lets find smarter ways forward, together. 以伦敦威斯敏斯特的一个小区域为例 1 导入库 import osmnx as ox import pandas as pd 2 读入数据 这里选取了6个月的数据 df1pd.read_csv(movement-speeds-hourly-london-2019-10.csv.zip) df2pd.read_csv(mo…

大数据---浅谈Hadoop工作原理

浅谈Hadoop工作原理 文章目录浅谈Hadoop工作原理Hadoop核心组件HDFS读写原理HDFS读文件HDFS写文件MapReduce原理Map流程Reduce流程Shuffle机制(无序--->有序)Hadoop核心组件 Hadoop HDFS(分布式存储系统):解决海量数据存储 Hadoop YARN(集…

target31对传感器采样率限制

target31谷歌做了一些列的适配,其中对看似无关紧要的传感器采用率做了限制,最近几年很火的摇一摇开屏广告就是基于传感器去实现的。这篇文章,我们就一起去看一下target31对传感器采样频率的限制。 一、背景 先说一下背景:近期&am…

使用 QuTrunk+Amazon Deep Learning AMI(TensorFlow2)构建量子神经网络

量子神经网络是基于量子力学原理的计算神经网络模型。1995年,Subhash Kak 和 Ron Chrisley 独立发表了关于量子神经计算的第一个想法,他们致力于量子思维理论,认为量子效应在认知功能中起作用。然而,量子神经网络的典型研究涉及将…