uniappでページにジャンプして値を渡す方法-uni-app-php.cn

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

coldplay.xixi

リリース： 2020-12-17 10:23:58

オリジナル

5963 人が閲覧しました

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

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

このチュートリアルの動作環境: 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:&#39;opportunity-form?id=&#39;+id     //需要跳转的页面路径，使用问号进行id的传值，然后再拼接一个要传入的id//对象传参方式 url:&#39;../../pages/disabled/subsidie?listObj=&#39; + 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(&#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;
}
})
}

ログイン後にコピー