微信小程序鏈接傳參并跳轉(zhuǎn)新頁面
像傳統(tǒng)的傳參一樣，只是在微信里面的標(biāo)簽不一樣而已，navigator標(biāo)簽的文檔說明：
https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122
下面是傳遞參數(shù)并展示新頁面的一個(gè)簡單栗子：
這是index.wxml代碼：
<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}">
<view>評(píng)19</view>
</navigator>
url是../detail/detail....... 傳遞參數(shù)是id="{{item.id}}" url="../detail/detail?id=88"
detail.js代碼如下
Page({
onLoad: function(options) {
var duanziId = options.id
var that = this
wx.showToast({
title: '加載中',
icon: 'loading',
duration: 1000
})
wx.request({
url: 'https://www.xxx.xxx?m=getDetail&duanziId='+duanziId, //服務(wù)器參數(shù)接收地址，
data: {token:token},
method: 'GET',
success: function(res){
console.log(res.data.result) //打印獲取數(shù)據(jù)
that.setData({
duanziDetail:res.data.result
})
}
})
}
})
detail.wxml代碼：
<view class="duanzi-content">
<text class="dz-content">{{duanziDetail.content}}</text>
</view>
app.json中pages配置代碼如下
"pages":[ "pages/index/index", "pages/detail/detail", "pages/center/center", "pages/tucao/tucao", "pages/search/search" ]
目錄結(jié)構(gòu)：
以上所述是小編給大家介紹的微信小程序鏈接傳參并跳轉(zhuǎn)新頁面，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
js 綁定帶參數(shù)的事件以及手動(dòng)觸發(fā)事件
js 綁定帶參數(shù)的事件以及手動(dòng)觸發(fā)事件，需要的朋友可以參考下。2010-04-04
JS中數(shù)組隨機(jī)排序?qū)崿F(xiàn)方法(原地算法sort/shuffle算法)
已經(jīng)學(xué)過JavaScript,我們當(dāng)然就可以用數(shù)組的排序方法,這篇文章主要給大家介紹了關(guān)于JS中數(shù)組隨機(jī)排序?qū)崿F(xiàn)方法的相關(guān)資料,主要包括了原地算法sort/shuffle算法,需要的朋友可以參考下2023-02-02
在實(shí)際工作中,開發(fā)者常面臨一些需巧妙編程解決的挑戰(zhàn),有時(shí)幾行代碼就能迎刃而解,本文整理了一系列實(shí)用代碼片段,助您輕松處理URL、DOM操作、事件處理等常見問題,希望對(duì)大家有所幫助2023-11-11
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實(shí)例分析了sort和reverse使用時(shí)的注意事項(xiàng)與相關(guān)技巧,具有不錯(cuò)的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了手把手教你 CKEDITOR 4 擴(kuò)展插件制作,結(jié)合具體實(shí)例形式詳細(xì)分析了CKEditor4插件制作的步驟與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-06-06
javascript實(shí)現(xiàn)仿騰訊游戲選擇
這篇文章主要介紹了javascript實(shí)現(xiàn)仿騰訊游戲選擇，簡單實(shí)現(xiàn)的下拉菜單二級(jí)聯(lián)動(dòng)效果，十分不錯(cuò)，有需要的小伙伴可以參考下。2015-05-05
gulp-htmlmin壓縮html的gulp插件實(shí)例代碼
這篇文章主要介紹了gulp-htmlmin壓縮html的gulp插件實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-06-06
js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中(場景分析)
這篇文章主要介紹了js判斷一個(gè)對(duì)象是否在一個(gè)對(duì)象數(shù)組中，本文通過場景分析給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2022-08-08
JavaScript實(shí)現(xiàn)表格點(diǎn)擊排序的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)表格點(diǎn)擊排序的方法,可實(shí)現(xiàn)點(diǎn)擊頂部數(shù)據(jù)項(xiàng)標(biāo)題實(shí)現(xiàn)對(duì)應(yīng)數(shù)據(jù)列的排序效果,涉及javascript鼠標(biāo)事件及數(shù)據(jù)排序的技巧,需要的朋友可以參考下2015-05-05
js實(shí)現(xiàn)一個(gè)可以兼容PC端和移動(dòng)端的div拖動(dòng)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)一個(gè)可以兼容PC端和移動(dòng)端的div拖動(dòng)效果實(shí)例，具有一定的參考價(jià)值，有需要的可以了解一下。2016-12-12