微信小程序怎么在js中获取定义在page data里的值

微信小程序怎么在js中获取定义在page data里的值,第1张

方法:获取page数据,看并肢代码:var text=this.data.name  ,这样就获取到初始化的值

page({

data:{name:"猜配test"},

showData:function(){

var text=this.data.name

}

})

示例如下:

util.js

//正则判断

function Regular(str, reg) {

if (reg.test(str))

return true

return false

}

//是否为中文

function IsChinese(str) {

var reg = /^[\u0391-\uFFE5]+$/

return Regular(str, reg)

}

module.exports = {

getRequestUrl: "http://localhost:59637",//获得接口地址

IsChinese: IsChinese,

}

//test.js

var util = require('../../utils/util.js')

Page({

onLoad: function () {

console.log("判断是否为中绝兆世文:"+util.IsChinese('测试'))

console.log("输出接口url:"+util.getRequestUrl)

}

})

大家都知道,针对一款app上面都是展示信息的,那么在小程序中,页面上信息的展示是如何的,接下来进行详细探索:

在微信小程序中,编写页面布局是在wxml文件中进行的,则在wxml文件中,使用<view></view>标签进行内容的包裹,类似html中的<div>,现在进行一个需求的编写,在页面上编写布局,并将.js结尾文件中的处理数据进行展示到页面上;

index.wml

index.js

编译项目,则页面展示如下:

从上面结果可以知道在wxml文件中使用{{**}}可以将js文件中指定的内容展示在页面上,现在我们进行动态的展示数据,不需要展示起在page-data中固定的内容,修改js文件内容:

编译项冲逗目,显示结果如图:

由此可知,在js中动态的设置内容并将其更新到wml上,则使用 this.setData(),且修改的内容格式符合key:value。

就小程序页面数据展示就分析到这里,希望各位棚判渣看官们有所收获,有什链悄么错误的地方还望指出!!

获取page数据,看代码:var text=this.data.name ,这携伏样就获取到初始化辩悔携的前悉值\x0d\x0apage({\x0d\x0adata:{name:"test"},\x0d\x0ashowData:function(){\x0d\x0avar text=this.data.name\x0d\x0a\x0d\x0a}\x0d\x0a})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12558598.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存