Maison > Article > interface Web > Comment Uniapp implémente-t-il la page de saut et renvoie-t-il des données ?
Uniapp implémente la méthode de renvoi des données de la page de saut : transmettez d'abord l'identifiant à l'événement click ; puis écrivez la méthode dans Méthodes, le code est [uni.navigateTo({url:'opportunity-form? id=' +id})]; Enfin, recevez les paramètres sur la page de détails.
L'environnement d'exploitation de ce tutoriel : système windows7, version uni-app2.5.1, ordinateur DELL G3 Cette méthode convient à toutes les marques d'ordinateurs.
Recommandé (gratuit) : Tutoriel de développement d'uni-app
uniapp implémente la publication de pages de saut Méthode de données :
Introduisez d'abord la méthode de saut la plus originale, qui est similaire à la balise a en html, mais dans uniapp, vous devez remplacer la balise a par f9cdcd16e41733d46e91ab5f623dff1a……9a67f2adf02d82de7f8f0475590779aa
ci-dessous. concentrez-vous sur la méthode de saut par valeur
1. Passez l'identifiant à l'événement de clic
<view @tap="toOpportnity(item.id)">转商机</view>;
2 Écrivez la méthode dans Méthodes
toOpportnity(id){ uni.navigateTo({ //点击跳转的方法 url:'opportunity-form?id='+id //需要跳转的页面路径,使用问号进行id的传值,然后再拼接一个要传入的id//对象传参方式 url:'../../pages/disabled/subsidie?listObj=' + encodeURIComponent(JSON.stringify(obj)) }) }
3. Paramètres
Écrire une fonction onLoad
onLoad(options){ //传入的参数名称,可自行修改 // console.log(options); 查看传入的id值
Méthode de réception des paramètres de l'objet
//this.leadobj(上个页面传过来的对象名称,即?后面的那个名称) = JSON.parse(decodeURIComponent(options.leadobj)); }
Recevoir un seul paramètre, utilisez l'identifiant pour l'introduire ici
Tout d'abord Attribuez l'identifiant transmis
pour demander l'interface. L'identifiant transmis doit être ajouté après l'adresse URL de l'interface [/${this.id}/]
Les étapes complètes sont les suivantes. :
onLoad(options){ this.id = options.id; console.log('传过来的id值为:' + options.id); let that = this uni.request({ url:`${this.$serverUrl}/opportunity/${this.id}/`, header:{ 'Authorization': this.uerInfo.token }, success(res){ console.log(res) that.opportunity = res.data; } }) }对象传参报错解决方案
Recommandations d'apprentissage gratuites associées : Vidéo de programmation
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!