uniappでページにジャンプして値を渡す方法

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

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

おすすめ(無料): uni-app開発チュートリアル

uniappジャンプページで値を渡す方法:

まずは最も独創的なジャンプ方法を紹介します。HTML の a タグに似ていますが、uniapp では a タグを

<navigator url='jump address'>... <に置き換える必要があります。 ;/navigator>

ジャンプして値を渡す方法に注目しましょう

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 [/${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;
}
})
}

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

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