uniapp がデータを返すジャンプ ページを実装する方法

Uniapp は、ジャンプ ページからデータを返すメソッドを実装します。最初にクリック イベントに ID を渡し、次にそのメソッドをメソッドに記述します。コードは [uni.navigateTo({url:'opportunity-form? id=' id})]; 最後に、詳細ページでパラメータを受け取ります。

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

推奨 (無料): uni-app 開発チュートリアル

uniapp はジャンプ ページ ポストバック データ メソッドを実装します:

まず、最も独創的なジャンプ メソッドを紹介します。これは HTML の a タグに似ていますが、uniapp では a タグを 44170a5167b9662aff78b7b3d64c8fc8...9a67f2adf02d82de7f8f0475590779aa

値を渡すためにジャンプする方法に焦点を当てましょう

1. クリック イベントに ID を渡します

<view @tap="toOpportnity(item.id)">转商机</view>；

2.メソッドにメソッドを記述する

toOpportnity(id){
uni.navigateTo({        //点击跳转的方法
url:'opportunity-form?id='+id     //需要跳转的页面路径，使用问号进行id的传值，然后再拼接一个要传入的id//对象传参方式 url:'../../pages/disabled/subsidie?listObj=' + encodeURIComponent(JSON.stringify(obj))
})
}

3.詳細ページでパラメータを受け取る

onLoad関数を記述する

onLoad(options){    //传入的参数名称，可自行修改
// console.log(options);    查看传入的id值

オブジェクトパラメータのメソッドを受け取る

//this.leadobj(上个页面传过来的对象名称，即？后面的那个名称) = JSON.parse(decodeURIComponent(options.leadobj));   
}

ここでは、id を使用した単一パラメータの受信を紹介します。

まず、渡された ID に値を割り当てる必要があります。

リクエスト インターフェイス。インターフェイスの URL アドレスは次のとおりです。続いて渡された ID id[/${this.id}/]

完全な手順は次のとおりです:

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;
}
})
}对象传参报错解决方案

関連する無料学習の推奨事項: プログラミング ビデオ

#

以上がuniapp がデータを返すジャンプ ページを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。