Maison  >  Article  >  interface Web  >  Comment Uniapp implémente-t-il la page de saut et renvoie-t-il des données ?

Comment Uniapp implémente-t-il la page de saut et renvoie-t-il des données ?

coldplay.xixi
coldplay.xixioriginal
2020-12-08 14:39:495610parcourir

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.

Comment Uniapp implémente-t-il la page de saut et renvoie-t-il des données ?

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:&#39;opportunity-form?id=&#39;+id     //需要跳转的页面路径,使用问号进行id的传值,然后再拼接一个要传入的id//对象传参方式 url:&#39;../../pages/disabled/subsidie?listObj=&#39; + 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(&#39;传过来的id值为:&#39; + options.id);
let that = this
uni.request({
url:`${this.$serverUrl}/opportunity/${this.id}/`,
header:{
&#39;Authorization&#39;: 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn