解決Vue中的v-model指令在谷歌瀏覽器中實現不了的辦法
阿新 • • 發佈:2021-01-22
今天上午同樣的程式碼在我電腦上實現不了,在我同事電腦上能實現,在我的電腦上實現不了,當時想到了Vue配置環境的問題,結果不是
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div id="app"> <input type="text" v-model="message"> <p>{{ message }}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var app = new Vue({ el:"#app", data: { message:"123" } }) </script> </body> </html>
如果開啟谷歌瀏覽器的翻譯就是圖片上這個樣子
如果關掉翻譯就會正常顯示
個人理解的是 , 如果開啟翻譯v-model就會被翻譯成v-模型 , 因為model的意思就是模型 , Vue中沒有v-模型這個指令 , 關掉翻譯就是v-model了
這是個人理解 , 還請希望各位大神 , 給個官方的理解