又雙叒一個uniapp組件 最近有一個選擇地址的需求,就寫了一個省市區聯動選擇器。 選擇日期使用的picker,就照着它簡單的整了一個,使用網絡請求城市數據,還用到了vuex組件數據共享。 本來自己整了一個底部彈窗,又在插件市場看到了更好的底部彈窗 :LuPopupWrapper--彈窗容器 ...
最近在做一個項目的時候遇到了這么一個問題,就是省市區的聯動呢,我們需要自定義字典來設置,那么微信小程序自帶的省市區選擇就不能用了,經過三根煙的催化,終於寫出來了。下面獻上代碼示例。 首先是在utils文件夾存入arealist.js文件,內容為: View Code 然后在需要的頁面引入地區字典,並且在onLoad的時候解析字典,遍歷出一級數據,留備后用。 下面是wxml頁面,想要看一下效果的可 ...
2019-08-26 17:03 3 2484 推薦指數:
又雙叒一個uniapp組件 最近有一個選擇地址的需求,就寫了一個省市區聯動選擇器。 選擇日期使用的picker,就照着它簡單的整了一個,使用網絡請求城市數據,還用到了vuex組件數據共享。 本來自己整了一個底部彈窗,又在插件市場看到了更好的底部彈窗 :LuPopupWrapper--彈窗容器 ...
轉自 http://www.yiyongtong.com/archives/view-7567-1.html 成品圖 一、數據格式 數據是樹形結構的數據 數據 ...
這個是微信小程序的picker-view組件,開發的省市區3級聯動,體驗還不錯,就分享給大家了, 此版本的省市區數據為本地JS數據,免去請求加載數據了,大家直接看源碼,先看下面的動圖: 項目地址:https://github.com/pannysp ...
參考地址:https://juejin.im/post/5e6995a0f265da576d60b953 ...
github項目地址 https://github.com/z1511676208/chooseAddr 序:項目中需要用到三級聯動,自己試着寫了下,也查了一些資料,現在把這個記錄一下,里面地區數據,可根據個人需要做一些更改,我比較懶就不改了。 wxml < ...
在data里面設置currentZone為空,region這是設置一個地區的初始值 region: ['上海市', '上海市', '黃浦區'],例如這個,定位 在mode設置為region之后。那個省市區就全部都有了。 ...
省市區三級菜單聯動插件 citySelect.js ...
uni-APP中的三級聯動(省市區)---數據前端寫死 https://blog.csdn.net/lwaner/article/details/107150805 uniapp#實現自定義省市區三級聯動--- 調接口獲取數據 https://blog.csdn.net ...