微信小程序WXML页面如何获取全局变量值

微信小程序WXML页面如何获取全局变量值,第1张

首先在wxml中是无法显示app.js中的全局变量(也就是app.js里面globalData中的变量),如果想用到app.js中的变量时可以在当前页面中的js文件里面先将全局变量获取的本地。举例子如下

------------------------分割线---------------------------

需求:将全局变量中的test:"hello world!" 显示到当前页面

-----------------------分割线--------------------------

app.js文件内容

App({

globalData{

test:"hello world"

}

})

-----------------------分割线---------------------

index.js文件内容

var app =getApp()

Page({

test:null

})

onLoad: function (options) {

this.setData({

test:app.globalData.test

})

}

---------------------分割线------------------------

index.wxml文件内容

<view>{{test}}</view>

解决微信小程序怎样设置textarea文本域输入的步骤如下:

1.第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。

2.第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容。

3.第三步,接着保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。

4.第四步,在文本域组件中输入相应的文字内容,尽可能输入多的内容。

5.第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。

6.第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存