Maison > Article > Applet WeChat > Une brève discussion sur deux méthodes de transfert de valeurs entre les pages dans les mini-programmes
Cet article vous présentera deux méthodes de transfert de valeur entre les pages des mini-programmes WeChat. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
1 : url passée avec des paramètres
Comme les langages front-end, transfert entre les mini pages du programme Vous pouvez ajouter des paramètres après l'URL de routage, et les paramètres seront transmis à la nouvelle page lors du routage.
index.wxml:
<!--index.wxml--> <view class="container"> <!-- 使用navigator组件 --> <navigator url="../demo/demo?title=参数传递">title=参数传递</navigator> </view>
demo.js
// pages/demo/demo.js Page({ data: { title:'' }, onLoad: function (options) { console.log(options) //打印options,可以看到title的值可以获取到 this.setData({ title:options.title //为页面中title赋值 }) }, })
demo.wxml
<!--pages/demo/demo.wxml--> <view class='container'> {{title}} </view>
Rendu :
Deux : Valeurs de volonté sont stockés dans des variables globales
Nous pouvons également stocker les valeurs requisesdans des variables globales et les référencer directement si nécessaire.
app.js
//app.js App({ globalData: {} })
index.wxml
<!--index.wxml--> <!-- 点击触发goto_demo函数 --> <view class="container" bindtap='goto_demo'> title=参数传递 </view>
index.js
//index.js //获取应用实例 const app = getApp() Page({ data: { title:'参数传递' }, goto_demo: function() { app.globalData.title = this.data.title wx.navigateTo({ url: '../demo/demo', }) } })
demo.js
// pages/demo/demo.js //获取应用实例 const app = getApp() Page({ data: { title:'' }, onLoad: function (options) { console.log(app.globalData.title) //打印options,可以看到title的值可以获取到 this.setData({ title: app.globalData.title //为页面中title赋值 }) }, })
doit être used Lorsque vous utilisez des variables globales, n'oubliez pas d'obtenir d'abord l'instance d'application : const app = getApp()
Le rendu est le même que ci-dessus.
Recommandations d'apprentissage associées : Tutoriel de développement de mini-programmes
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!