最近寫的專案是vue框架，搭配element-ui框架。這個框架上手快，而且頁面的大部分樣式都有現成的可以用，使用起來比較方便。前幾天有乙個需求是要寫省市區聯動選擇，上網蒐羅了一遍之後發現了vue-area-linkage這個外掛程式，應該是專門為vue準備的外掛程式，下面開始介紹這個外掛程式的使用方法。
官網介紹的很詳細了，我就不贅述了v程式設計客棧ue-area-linkage 安裝及使用方法。
外掛程式使用之後的樣子
下面開始介紹遇到的坑以及解決辦法：
1.樣式問題：
這個問題比較好解決，去到依賴包中，查詢css檔案，找到對應的元素修改樣式即可。因為我的是全域性都要修改樣式，所以我直接在依賴包中改。如果不是全域性要改的樣式，只是某個頁面需要的樣式就要在自己的css檔案裡面單獨改，避免全域性汙染。
修改全域性樣式的檔案
2.打包時出現 「module not found: error: cant`t resolve 'vue-area-linkage/dist/in' in '/app/src/views/devcie'」
在 main.js 中全域性注入檔案，然後再在檔案中注入：
main.js 中注入
檔案中注入
3.有需求是新增和編輯，我寫的邏輯是一套**，控制顯示隱藏，此為背景。出現的問題是，如果先點選編輯，會直接顯示介面返回的地rgsovkmwb址，然後再點選新增，還會顯示剛剛編輯的位址，即使清除 v-model 繫結的資料也清除不掉顯示的內容（坑）。
程式設計客棧
下面開始講述我的踩坑之路：
既然一套**不行，那就兩套**咯。立馬複製貼上，what f***，這**也太多了，而且邏輯還得改，儲存還得改，果斷放棄。對自己還得有點要求才行。
那要不新增的時候重置這個置，於是把值置為空，不好使；那要不控制一下 placeholder，不好使；使用jq控制一下 placeholder , 不好使，果斷放棄。
那要不看看原始碼。看到了原始碼，找到了對應的方法 area_cascader_render , debugger 之後，發現在進入頁面的時候會渲染一下頁面，然後就不會繼續渲染了，不渲染，那值自然就是之前的值。思考了一下，想到如果我在儲存或者返回頁面的時候銷毀這個元件，然後在新增的時候不就可以重新渲染了嗎，於是果斷 v-if ，儲存返回的時候置為false，新增置為true，完美解決，下班。
本文標題: 詳解關於vue-area-linkage走過的坑
本文位址: /ruanjian/j**a/231216.html
關於printf 詳解
格式化輸出,即 print format 標頭檔案 也可不用標頭檔案 語法格式 printf 格式控制字串 輸出表列 格式字串格式 標誌 輸出最少寬度 精度 長度 型別 d 以十進位制形式輸出帶符號得整數，正數不輸出符號 i 輸出有符號十進位制整數，效果同 d u 輸出無符號十進位制整數 o o 輸...
關於Toast 詳解
toast用於向使用者顯示一些幫助或提示，有三種展現形式 文字型別 型別 復合型別 6.2.1 文字型別 下面看看乙個文字型別toast的例子，如圖6 13所示，點選按鈕會在螢幕的中下部分出現乙個氣泡，過一會又會消失了。圖 6 13 本型別toast 實現方式請參考 清單6 10 清單6 10 ch...
關於 SERVER 的詳解
原文轉於 php程式設計中經常需要用到一些伺服器的一些資料，特把 server的詳細引數整理下，方便以後使用。server php self 當前正在執行 指令碼的檔名，與 document root相關。server argv 傳遞給該 指令碼的引數。server argc 包含傳遞給程式的 命令...