首頁 微信小程式 小程式開發 微信小程式中如何在wx:for裡判斷具體哪一個頁面跳轉

微信小程式中如何在wx:for裡判斷具體哪一個頁面跳轉

Sep 09, 2017 am 10:49 AM


//wx:for循環選項

<view class='function_container'>

<view class='function_item' bindtap ='readData' wx:for="{{functions}}" wx:for-index="idx​​"  wx:for-item="function">

<image class='function_img' src ='{{function.pic_url}}' mode='aspectFit' />

<view data-id="{{function.id}}" class='function_name'>{{function .name}}</view>

</view>

#</view>

//js

#page({

data:{

functions: [

{

#"name": "庫存",

"pic_url": '. ./image/half-star.png',

},

{

"name": "報表",

"pic_url": '../image/half-star.png'

},

{

"name": "商品管理",

"pic_url ": '../image/half-star.png'

},

{

"name": "訂購",

" pic_url": '../image/half-star.png'

},

#{

"name": "機票",

"pic_url": '../image/half-star.png'

},

{

"name": "火車票",

"pic_url": '../image/half-star.png'

},

{

"name": "手機儲值",

"pic_url": '../image/half-star.png'

#},

{

"name": "水電煤" ,

"pic_url": '../image/half-star.png'

#}

]

#},

}

})

以上是微信小程式中如何在wx:for裡判斷具體哪一個頁面跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧 Nov 18, 2023 pm 05:08 PM

PHP頁面跳躍函數詳解:header、location、redirect等函數的頁面跳躍技巧

使用uniapp實現頁面跳轉動畫效果 使用uniapp實現頁面跳轉動畫效果 Nov 21, 2023 pm 02:15 PM

使用uniapp實現頁面跳轉動畫效果

PHP程式碼範例:如何用POST方式傳參並實現頁面跳轉 PHP程式碼範例:如何用POST方式傳參並實現頁面跳轉 Mar 07, 2024 pm 01:45 PM

PHP程式碼範例:如何用POST方式傳參並實現頁面跳轉

UniApp報錯:無法找到'xxx'頁面跳轉的解決方法 UniApp報錯:無法找到'xxx'頁面跳轉的解決方法 Nov 25, 2023 am 09:53 AM

UniApp報錯:無法找到'xxx'頁面跳轉的解決方法

如何在Vue中使用路由實現頁面跳轉? 如何在Vue中使用路由實現頁面跳轉? Jul 21, 2023 am 08:33 AM

如何在Vue中使用路由實現頁面跳轉?

uniapp中如何實現頁面跳躍與導航 uniapp中如何實現頁面跳躍與導航 Oct 20, 2023 pm 02:07 PM

uniapp中如何實現頁面跳躍與導航

前端開發中的JavaScript路由與頁面跳轉經驗總結 前端開發中的JavaScript路由與頁面跳轉經驗總結 Nov 02, 2023 am 10:15 AM

前端開發中的JavaScript路由與頁面跳轉經驗總結

詳解 Golang 中的頁面跳轉操作步驟 詳解 Golang 中的頁面跳轉操作步驟 Mar 05, 2024 pm 05:33 PM

詳解 Golang 中的頁面跳轉操作步驟

See all articles