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

f9cdcd16e41733d46e91ab5f623dff1a……9a67f2adf02d82de7f8f0475590779aa

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!