微信小程序通過postId跳轉(zhuǎn)對應(yīng)的子頁面

data.simulate.js? 模擬數(shù)據(jù)頁

模擬數(shù)據(jù)


grades.wxmll:主頁面

將catchtap跳轉(zhuǎn)事件注冊到view組件上(catchtap="onDetailTap")辑畦,自定義組件的屬性,獲取到模擬數(shù)據(jù)data.simulate.js的postId(data-postId="list.postId")



接收成功


grades.js 主頁面


在grades.js里接收grades.wxml 傳過來的postid的值匀奏,并通過navigateTo(跳轉(zhuǎn)函數(shù))發(fā)送給grades_detail.wxml頁面


event事件對象是由MINA框架在調(diào)用onDetailTap函數(shù)時傳遞的參數(shù)(方法)

在event事件對象中换团,有一個currentTarget代表事件綁定的當(dāng)前組件(postId0~9的view)

重點(diǎn)是dataset對象,dataset對象里包含當(dāng)前組件中所有屬性名以data,開頭的自定義屬性值.因為的view上綁定了data-post-id,所以通過dataset.postid將可以拿到當(dāng)前組件的postId(拿到postId的編號)狐援。


組件自定義屬性名有以下規(guī)則:

必須以data-開頭

多個單詞由連字符“-”鏈接

單詞中最好不要有大寫字母询张,如果有大寫字母倔监,除單詞第一個字母外销睁,其余大寫字母將被轉(zhuǎn)化成小寫

在js中獲取自定義屬性值時,多個單詞將被轉(zhuǎn)化駝峰命名

組件的屬性定義


在獲取到postId后诵姜,我們將postId附加在導(dǎo)航Url的query參數(shù)中汽煮,發(fā)送到grades_detail子頁面:

wx.navigateTo({

? ? ? url: '../grades/grades_detail/grades_detail?id='+postTest,

? ? })


grades_detail.js子頁面:

子頁面也需要引入 本地模擬的數(shù)據(jù)文件




接收post主頁面?zhèn)鬟f的參數(shù)方法是,通過子頁面onLoad函數(shù)里的options參數(shù)在頁面加載時獲取傳遞過來的值棚唆。

postsData.postlist 是模擬的本地數(shù)據(jù)列表暇赤,是一個對象,我們需要的是把列表中的數(shù)據(jù)傳遞出去宵凌,所以取的這對象里的是數(shù)組中的一個[postId]

使用this.setData綁定該數(shù)據(jù)鞋囊,并賦值給post



grades_detail.wxml子頁面:


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市瞎惫,隨后出現(xiàn)的幾起案子溜腐,更是在濱河造成了極大的恐慌,老刑警劉巖瓜喇,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件挺益,死亡現(xiàn)場離奇詭異,居然都是意外死亡乘寒,警方通過查閱死者的電腦和手機(jī)望众,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人烂翰,你說我怎么就攤上這事夯缺。” “怎么了甘耿?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵踊兜,是天一觀的道長。 經(jīng)常有香客問我棵里,道長润文,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任殿怜,我火速辦了婚禮典蝌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘头谜。我一直安慰自己骏掀,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布柱告。 她就那樣靜靜地躺著截驮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪际度。 梳的紋絲不亂的頭發(fā)上葵袭,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天,我揣著相機(jī)與錄音乖菱,去河邊找鬼坡锡。 笑死,一個胖子當(dāng)著我的面吹牛窒所,可吹牛的內(nèi)容都是我干的鹉勒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼吵取,長吁一口氣:“原來是場噩夢啊……” “哼禽额!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起皮官,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤脯倒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后捺氢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體盔憨,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年讯沈,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,567評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡缺狠,死狀恐怖问慎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情挤茄,我是刑警寧澤如叼,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站穷劈,受9級特大地震影響笼恰,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜歇终,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一社证、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧评凝,春花似錦追葡、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至翎碑,卻和暖如春谬返,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背日杈。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工遣铝, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人达椰。 一個月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓翰蠢,卻偏偏與公主長得像,于是被迫代替她去往敵國和親啰劲。 傳聞我的和親對象是個殘疾皇子梁沧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 昨天看了一下微信小程序官方文檔,總結(jié)一下自己學(xué)習(xí)的個人心得. 首先從官方文檔給的框架說起,微信小程序官方文檔給出了...
    Mr大大大閱讀 47,184評論 9 68
  • WXML WXML(WeiXin Markup Language)是微信的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件蝇裤、事件系統(tǒng)廷支,可...
    許劍鋒閱讀 6,853評論 3 51
  • 1. 拉斯科洞穴 舊石器時代晚期。顏料是礦物質(zhì)混合動物油脂制成栓辜,使用了紅黃粟黑等多種色調(diào)恋拍。豐富的動物形象。石灰質(zhì)巖...
    毛君閱讀 940評論 0 0
  • 空間與地址分配 將不同的*.o文件組合成一個可執(zhí)行文件時藕甩,各個文件中各個段的排列順序施敢。 在將各個.o文件合并成一個...
    Myth52125閱讀 177評論 0 0
  • 文可勝武。什么事不可較真,因為你是大人了僵娃,可能你的心智沒完全的成熟概作,但你得做個不動聲色的大人了。要像父親...
    韓韓的小天地閱讀 134評論 0 0