小程序js中引用data中的变量，这些变量不是本地变量，不能直接引用。

最新推荐文章于 2024-06-01 16:11:10 发布
最新推荐文章于 2024-06-01 16:11:10 发布
阅读量3k 收藏 3
点赞数 4
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27361945/article/details/103419102
版权

在js引用data中的变量，必须加this.data.xxx

 

 

 

 

错误的引用方式：

 

 

梓沂
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
微信小程序开发初学：框架 - wxml数据绑定
Dae_Lzh的博客
01-30 289
WXML 中的动态数据均来自对应js文件中 Page 的 data。 语法：将data中的变量用{{ }}包括。 data中不同类型变量定义 字符串类型 变量名 : " 字符串 ", 数字类型 变量名 : 数值 , 数组类型 变量名 : [ “列表第一项” , “列表第二项” , “列表第三项”] , 如 List1 : [ “first” , 34 , “third” ] , 对象类型(与C语言中类的定义相似） 对象名 : { 变量名1 : 变量值1 , 变量名2 : 变量值2 }
微信小程序分页效果实现
阵雨的博客
12-13 9877
index.js // pages/bianmin/bianmin.js var p = 0 var GetList = function (that) { wx.request({ url: url, method: "POST", data: { page: p }, header: { 'content-type': 'a
微信小程序：实现wxml界面调用.js文件的变量
最新发布
mingangel的博客
06-01 272
微信小程序：实现wxml界面调用.js文件的变量。需要在.js文件中使用this.setdata对某一个变量进行赋值，然后在。wxml中使用{{}}调用。代码如下。
jsDate的引用
hxc506896582的专栏
10-21 676
var  data=new Date（） var  data=new Date（1000）
微信小程序组件data定义的变量
小蜜蜂的博客
01-13 1423
微信小程序组件data定义的变量，页面不能直接使用，需要通过 data: { beforeVal:false, }, this.setData({ beforeVal:!this.beforeVal }) 之后方能使用 <view wx-if="{{beforeVal}}">1</view> <view wx-else>2</view> 也就是...
JavaScript数据类型和变量
成长ing中的w的专栏
11-09 308
JavaScript数据类型： 1）值类型：字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。 2）引用类型：对象(Object)、数组(Array)、函数(Function)。 变量：是存储数据的容器。变量声明举例如下： <!DOCTYPE html> <html> <head> <title>my first javascript</title> &l
js的Date类型的变量需要注意之处
hhw199112的博客
10-25 864
var temp = new Date();  var _max = temp;  console.log(_max);  temp = temp.setDate(temp.getDate() + 10);  console.log(_max); 从代码上直接看来，两次的输出结果是一样的，其实不然。第二次输出的_max的值实际上是和temp的值是一样的。这一点和json类型一致。
小程序常用直通车链接 || 小程序怎么获取data里面的值
qq_59790851的博客
08-09 502
data: { address:{} }, 获取方法： const{address}=this.data 小程序常用直通车———— 记录这个是为了，微信开发文档里面组件,api我分不清，代码记不住，找又找的慢，就把直通车链接记录下来 1.wx.showToast(Object object) https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html ...
关于小程序wxml引用js中变量的疑问
01-08
如果直接在js中data中赋值，这是可以取出来了，刚开始定义为空，后面setdata就不行了。 在js中setdata后输出打印也是有值的。 请问一下怎么解决。 效果图： 下面是相关代码 xxx.js // pages/analys/analys.js Page...
微信小程序关于变量对象data 和 前端wxml取后台js变量值
03-29
第二，定义JS页面中的页面局部变量，使其整个页面中可使用或调用 对象data定义的变量支持各种数据类型，string,int,[],{} **第一.**wxml数据渲染，只要通过设置data值（this.setData({...})）即可 如： wxml页面：...
微信小程序定义和调用全局变量globalData的实现
10-16
在微信小程序中，每个页面都有自己的独立作用域，不能直接访问到`globalData`。为了使用`globalData`，我们需要先获取`app`实例，然后通过这个实例来访问`globalData`。例如，在`photo.js`文件中，我们可以这样做： ...
微信小程序全局变量改变监听的实现方法
12-01
最近工作需要写小程序页面，其中有个页面情况为：父页面中包含了一个组件页面，组件页面中又包含了另外一个组件页面。 需求为：点击最后一个组件页面中的一个view，需要显示最外层父页面中的一个弹出层，并且动态的...
微信小程序全局变量GLOBALDATA的定义和调用过程解析
10-16
主要介绍了微信小程序全局变量GLOBALDATA的定义和调用过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
支付宝小程序修改data数据&多层data数据
初心 - 杨瑞超个人博客
12-04 6311
直接贴代码了： Page({ data: { text: 'test', array: [{text: 'a'}], object: { text: 'blue' }, name: 'alipay', }, changeTitle() { // 错误！不要直接去修改 data 里的数据 // this.data.text ...
JS中的变量写在page data里和外有什么区别
qlanBy的博客
03-21 717
从没学过vue的小白在做项目的时候摸索出了一些规律，可能说的不是很准确，仅做学习笔记，望大佬轻喷。 在代码方面，data里的调用需要this.data.xx,修改需要this.setdata({… 为什么要page data？因为外面的变量在html中是不能{{xx}}调用的 对于页面中用不到的逻辑变量，建议写在外面，因为如果写在里面，页面刷新会重置，推测和生命周期有关。 ...
小程序如何引用其他页面的js_如何操作小程序页面中data数据区中的数据
weixin_39966130的博客
01-29 3304
前言在微信小程序中，每一个页面都有一个独立的js文件，用来实现该页面的业务逻辑。这个js文件通常采用Page()方法来对页面进行注册。其中系统为页面设置了一个名为data的区域，用来存储页面的初始数据，我们将其称为小程序页面的数据区。小程序页面的数据区是采用对象的形式来进行数据设定的。那么我们该如何操作数据区中的数据呢？一、输出数据区中的数据：由于在小程序页面中，关键字this指向这个页面利用Pa...
微信小程序Pages外的函数获取Pages中data的值
weixin_44004835的博客
01-30 4639
文章目录一、背景二、具体操作1、使用getCurrentPages()函数总结 一、背景 我们知道，微信小程序js的主要结构如下 Pages({ data:{ data1:111, data2:"bbb" } }) fuction a(){ // Pages外的一些函数 } 此时，会有一些场景需要函数a获取Pages中data的一些数据。那应该怎么做呢？ 二、具体操作 1、使用getCurrentPages()函数 我们知道，getCurrentPages函数可以获取所有打开的页面的信息。
微信小程序如何引用其他js文件
weixin_30666943的博客
01-22 1633
1.我们先建立一个common.js文件，在common.js编写我们的程序， function myfunc() { console.log("myfunc....");} module.exports.myfunc = myfunc; 这样暴露接口，这里不暴露是不能引用的， 在文件域js内 var common = require("../../common.js")...
data中使用this
weixin_45172409的博客
02-14 960
data中直接使用this是不行的,会有指向问题. 比较简单的解决办法我想了两种,欢迎补充！ 第一,就是直接在方法或者生命周期中使用this 第二种是data中的函数写成箭头函数,这样也就不用担心作用域了! ...
微信小程序开发中怎么给给js里data中的变量赋值数据库里的数据
05-27
在微信小程序中，可以使用小程序提供的云开发能力来访问数据库中的数据。首先，你需要在小程序后台开启云开发功能，并创建一个数据库集合。 接下来，在小程序的js文件中，可以使用wx.cloud.callFunction()函数来调用云函数，从而访问数据库中的数据。示例代码如下： ```javascript const db = wx.cloud.database(); // 获取数据库引用 const _ = db.command; // 获取查询指令 Page({ data: { list: [] }, onLoad: function() { wx.cloud.callFunction({ name: 'getData', // 云函数名称 success: res => { console.log(res.result.data); // 打印查询结果 this.setData({ list: res.result.data // 将查询结果赋值给data中的变量 }) }, fail: err => { console.error(err); } }) } }) ``` 以上代码中，使用wx.cloud.database()获取数据库引用，然后使用wx.cloud.callFunction()调用云函数，从而访问数据库中的数据。在云函数中，需要使用db.collection()获取集合引用，然后使用get()方法查询集合中的数据。示例代码如下： ```javascript const cloud = require('wx-server-sdk') cloud.init() exports.main = async(event, context) => { const db = cloud.database(); const res = await db.collection('myCollection').get(); return res; } ``` 以上代码中，使用cloud.database()获取数据库引用，然后使用db.collection()获取集合引用，使用get()方法查询集合中的数据，并返回查询结果。 最后，将查询结果赋值给data中的变量即可。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值