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 <navigator url=&#39;跳转的地址&#39;>……</navigator>

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!