摘要:之前寫了一篇前后端一起搞的地址選擇。這個(gè)參數(shù)控制三級(jí)地址還是街道展示是否有四級(jí)直轄市有的只有三級(jí)這個(gè)方法也有,可以去看看至此,地址三級(jí)和四級(jí)就都可以用了,三級(jí)只需置為即可父組件引用很簡單,每個(gè)人使用方式也不同,就不列舉了本文借鑒
之前寫了一篇前后端一起搞的地址選擇。但是覺得每次滑動(dòng)的時(shí)候都調(diào)用好幾次接口很浪費(fèi),所以決定前端自己搞吧。
首先需要一份地址源啊,后端一次性返給我們或者本地存一份(在static下)
v-show="valSelect==1">
:visible-item-count="5" v-show="valSelect==2" >
一些參數(shù)說明:
addressFour.json:這個(gè)是四級(jí)地址庫,網(wǎng)上隨意搞一個(gè)比較全的就好。
valSelect這個(gè)參數(shù)控制三級(jí)地址還是街道展示
noPopup:是否有四級(jí)(直轄市有的只有三級(jí))
Object.keys這個(gè)方法w3c也有,可以去看看
至此,地址三級(jí)和四級(jí)就都可以用了,三級(jí)只需valSelect置為1即可
父組件引用很簡單,每個(gè)人使用方式也不同,就不列舉了
本文借鑒:https://www.cnblogs.com/cools...文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/93417.html
摘要:獨(dú)立完成一個(gè)移動(dòng)端項(xiàng)目不是很明白為何會(huì)有這樣的商品管理后臺(tái),還是有些經(jīng)驗(yàn)不足,包括對(duì)產(chǎn)品的全局思考,對(duì)插件的選擇等,都有考慮不周的缺點(diǎn),導(dǎo)致自己中途想換圖形界面插件,浪費(fèi)了點(diǎn)時(shí)間,這里記錄下,總結(jié)下經(jīng)驗(yàn),理一下思路。 獨(dú)立完成一個(gè)移動(dòng)端項(xiàng)目(不是很明白為何會(huì)有這樣的商品管理后臺(tái)),還是有些經(jīng)驗(yàn)不足,包括對(duì)產(chǎn)品的全局思考,對(duì)插件的選擇等,都有考慮不周的缺點(diǎn),導(dǎo)致自己中途想換圖形界面插件,...
摘要:項(xiàng)目中正好遇到這個(gè)問題,需要將幾組東南亞國家的地址數(shù)據(jù)解析到下拉列表里面去,原本以為三級(jí)聯(lián)動(dòng)的,看下數(shù)據(jù)發(fā)現(xiàn)數(shù)據(jù)格式并不是一樣的,有兩級(jí)的三級(jí)的還有四級(jí)的,所以我這邊最高定的是四級(jí)聯(lián)動(dòng),可以擴(kuò)展多級(jí)聯(lián)動(dòng)。 項(xiàng)目中正好遇到這個(gè)問題,需要將幾組東南亞國家的地址JSON數(shù)據(jù)解析到下拉列表里面去,原本以為三級(jí)聯(lián)動(dòng)的,看下數(shù)據(jù)發(fā)現(xiàn)數(shù)據(jù)格式并不是一樣的,有兩級(jí)的三級(jí)的還有四級(jí)的,所以我這邊最高定的...
摘要:十分便捷的三級(jí)聯(lián)動(dòng)插件官網(wǎng)步驟下載步驟使用與引入在中注冊(cè)全局組件在文件中使用組件你需要用到三級(jí)聯(lián)動(dòng)的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區(qū)移動(dòng)端步驟如何獲取他們的數(shù)據(jù)給部分一個(gè)點(diǎn)擊事件在配置 十分便捷的三級(jí)聯(lián)動(dòng)插件 官網(wǎng):https://www.awesomes.cn/repo/... 步驟1:下載 npm install v-distpicker --save O...
摘要:如下圖要實(shí)現(xiàn)的功能如下勾選三級(jí)聯(lián)動(dòng)的材料勾選最后一級(jí)的材料把勾選的材料信息動(dòng)態(tài)添加到下面表格中數(shù)據(jù)三級(jí)聯(lián)動(dòng)數(shù)據(jù)材料鍵值對(duì)選中的材料從后臺(tái)獲取三級(jí)聯(lián)動(dòng)數(shù)據(jù)調(diào)用封裝的函數(shù)把最后一項(xiàng)添加到函數(shù)中獲取最后一級(jí)材料函數(shù)遍歷材料樹如果有下級(jí)材料就一直 如下圖,要實(shí)現(xiàn)的功能如下,勾選三級(jí)聯(lián)動(dòng)的材料,勾選最后一級(jí)的材料,把勾選的材料信息動(dòng)態(tài)添加到下面表格中showImg(https://segment...
閱讀 1135·2023-04-26 03:02
閱讀 1176·2023-04-25 19:18
閱讀 2591·2021-11-23 09:51
閱讀 2573·2021-11-11 16:55
閱讀 2624·2021-10-21 09:39
閱讀 1704·2021-10-09 09:59
閱讀 1999·2021-09-26 09:55
閱讀 3527·2021-09-26 09:55