javascript - input 是不是不能同時用：value和v-model
問題描述
<template> <p id='login'><p> 用戶: <input type='text' v-model='username' :value=’info.name’> 密碼: <input type ='text' v-model='password' :value=’info.psd’></p> </p></template><script> export default{name:’login’,data(){ return{username:’’,password:’’,info:{ name:’123’, psd:’123’,}, }}, }</script>
我想讓input最初顯示的是info里面的值，然后可以用v-model的值，但是不能達到效果。info的值并沒有顯示出來。請問這樣寫是不是錯的？要實現我的需求應該怎么寫？
問題解答
回答1：return{username:’123’,password:’123’, }
反正是雙向的，何必多出來呢。
回答2：建議把v-bind:value去掉，直接把info.name和info.psd寫到v-model上面，代碼如下：
<template> <p id='login'><p> 用戶: <input type='text' v-model='username'> 密碼: <input type ='text' v-model='password'></p> </p></template><script> export default{name:’login’,data(){ return{username:’123’,password:’123’,info:{ name:’123’, psd:’123’,}, }}, }</script>
當input的value改變的時候，username和password也就改變了
回答3：v-model 就是 v-bind:input 和 v-bind:value 的語法糖。
回答4：已解決，用一個input和一個p配合即可
回答5：https://jsfiddle.net/stardew/...
相關文章：
1. 如何解決docker宿主機無法訪問容器中的服務？2. docker 下面創建的IMAGE 他們的 ID 一樣？這個是怎么回事？？？？3. javascript - 請指條明路，angular的$event，在select中卻是undefined？4. 如何修改vim插件vimwiki中Vimwiki2HTML的一些細節5. javascript - JS事件委托問題6. javascript - 關于jquery的remove()方法7. JavaScript中怎么理解=、==和===8. java - Spring事務回滾問題9. javascript - vue.js如何遞歸渲染組件.10. mongodb - Mongo java驅動中，有沒有封裝好的函數，可以直接取到文檔中的某個具體的值，而不是一個文檔？或者有沒有方法實現？？
網公網安備