Comment accéder à la page et transmettre la valeur dans Uniapp

La méthode de transmission de la valeur à la page de saut uniapp : 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 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé (gratuit) : Tutoriel de développement uni-app

Comment transmettre une valeur dans la page de saut uniapp :

Premier Présentation de la méthode de saut la plus originale, similaire à la balise a en html, mais dans uniapp, vous devez remplacer la balise a par

<navigator url=&#39;跳转的地址&#39;>……</navigator>

Concentrons-nous sur la méthode de transfert de valeur de saut

1. Passez l'identifiant à l'événement click

<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 La page de détails reçoit les paramètres

写一个onLoad函数
onLoad(options){    //传入的参数名称，可自行修改
// console.log(options);    查看传入的id值
 
对象传参的接收方法
//this.leadobj(上个页面传过来的对象名称，即？后面的那个名称) = JSON.parse(decodeURIComponent(options.leadobj));   
}

Le. la réception d'un seul paramètre est introduite ici en utilisant id

Tout d'abord, l'identifiant transmis doit se voir attribuer une valeur

Demander l'interface, et 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 : programmation php(vidéo)

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!