以下是示例，樣式可以自己修改。最后是效果圖，其實也挺簡單的，主要是用了watch監控input輸入值的變化，如果數據是請后端請求可以，先請求數據。 ...

一直想找一個可以連接后台，可以根據后台內容的input輸入框，可以實現聯想功能，網上找到一個簡單的靜態頁面的輸入框聯想，經過一番修改之后終於可以實現讀取自己定義的數組的聯想了，其實也比較簡單就是格式的問題。還是直接上代碼吧。 首先是一個簡單的界面 auto.jsp 為了實現聯想 ...

舉個例子 其中能起限制輸入的是： vue中input輸入框限制輸入是用v-on:input replace里面的第一個參數是正則，意思是和正則匹配的輸入會被替換，這里被空字符串替換，這樣在按下非數字鍵的時候，是會被替換，然后輸入框里面的效果就是輸入不了非數字。 ...

今天在開發登錄頁時，需要設置登錄輸入框的長度，輸入類型為number <input type="number" maxlength="11" placeholder="請輸入手機號"> 發現在這樣寫時，輸入長度限制並沒有生效，經過測試發現在type為number ...

原文鏈接：點我 已經有很多成熟的智能輸入框組件，如Form.js。但是現在MVVM框架，如vue、react的為了實現雙向數據綁定會重繪所有的元素，這樣就會難以兼容使用。所以筆者開發了Vue組件-智能輸入框。 包含的功能大同小異： 獲得焦點時顯示所有備選項 失去焦點時隱藏備選項面板 ...

剛開始以為是鍵盤的問題，然后發現別的地方都可以輸入，唯獨這個input無法輸入，可能因為我循環嵌套了三次，太深入無法渲染 后來我發現這個方法可以使用 ...

...

一、代碼實現 ...