小程序如何将页面输入框数据设置为全局变量
时间: 2024-02-09 19:09:27 浏览: 130
小程序中可以通过在页面中定义一个表单,然后通过表单的事件来获取输入框中的值,并将其设置为全局变量。具体实现方式如下:
1. 在 App.js 中定义全局变量,例如:
```
App({
globalData: {
// 定义一个空对象,用于存储页面变量
pageData: {}
}
})
```
2. 在需要获取输入框数据的页面中,定义一个表单,并在表单中定义一个输入框,例如:
```
<view class="container">
<form bindsubmit="onSubmit">
<input type="text" name="inputData" placeholder="请输入数据" />
<button form-type="submit">提交</button>
</form>
</view>
```
3. 在页面中定义 onSubmit 函数,该函数会在表单提交时触发,获取输入框中的值,并将其设置为全局变量,例如:
```
const app = getApp()
Page({
onSubmit(event) {
// 获取输入框中的值
const inputData = event.detail.value.inputData
// 将输入框中的值设置为全局变量
app.globalData.pageData.inputData = inputData
// 提交成功后,跳转到其他页面
wx.navigateTo({
url: '/pages/other-page/other-page'
})
}
})
```
这样,在其他页面中就可以通过 getApp().globalData.pageData.inputData 访问到该全局变量了。需要注意的是,全局变量是可以被修改的,因此在修改时需要注意全局范围内的可见性和数据一致性。
阅读全文