微信小程序鏈接傳參并跳轉新頁面
更新時間：2016年11月29日 11:02:09 作者：XiaoBaiduQs
這篇文章主要介紹了微信小程序鏈接傳參并跳轉新頁面的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
像傳統(tǒng)的傳參一樣，只是在微信里面的標簽不一樣而已，navigator標簽的文檔說明：
https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html?t=20161122
下面是傳遞參數(shù)并展示新頁面的一個簡單栗子：
這是index.wxml代碼：
<navigator class="bury-wrapper wx-li" url="../detail/detail?id={{name.id}}">
<view>評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, //服務器參數(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" ]
目錄結構：
以上所述是小編給大家介紹的微信小程序鏈接傳參并跳轉新頁面，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
js 綁定帶參數(shù)的事件以及手動觸發(fā)事件，需要的朋友可以參考下。2010-04-04
JS中數(shù)組隨機排序實現(xiàn)方法(原地算法sort/shuffle算法)
已經(jīng)學過JavaScript,我們當然就可以用數(shù)組的排序方法,這篇文章主要給大家介紹了關于JS中數(shù)組隨機排序實現(xiàn)方法的相關資料,主要包括了原地算法sort/shuffle算法,需要的朋友可以參考下2023-02-02
在實際工作中,開發(fā)者常面臨一些需巧妙編程解決的挑戰(zhàn),有時幾行代碼就能迎刃而解,本文整理了一系列實用代碼片段,助您輕松處理URL、DOM操作、事件處理等常見問題,希望對大家有所幫助2023-11-11
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實例分析了sort和reverse使用時的注意事項與相關技巧,具有不錯的參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了手把手教你 CKEDITOR 4 擴展插件制作,結合具體實例形式詳細分析了CKEditor4插件制作的步驟與相關操作注意事項,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了javascript實現(xiàn)仿騰訊游戲選擇，簡單實現(xiàn)的下拉菜單二級聯(lián)動效果，十分不錯，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要介紹了gulp-htmlmin壓縮html的gulp插件實例代碼的相關資料,需要的朋友可以參考下2016-06-06
這篇文章主要介紹了js判斷一個對象是否在一個對象數(shù)組中，本文通過場景分析給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧2022-08-08
這篇文章主要介紹了JavaScript實現(xiàn)表格點擊排序的方法,可實現(xiàn)點擊頂部數(shù)據(jù)項標題實現(xiàn)對應數(shù)據(jù)列的排序效果,涉及javascript鼠標事件及數(shù)據(jù)排序的技巧,需要的朋友可以參考下2015-05-05
js實現(xiàn)一個可以兼容PC端和移動端的div拖動效果實例
這篇文章主要介紹了js實現(xiàn)一個可以兼容PC端和移動端的div拖動效果實例，具有一定的參考價值，有需要的可以了解一下。2016-12-12