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