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的值并沒有顯示出來。請問這樣寫是不是錯的?要實現(xiàn)我的需求應(yīng)該怎么寫?
問題解答
回答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>
當(dāng)input的value改變的時候,username和password也就改變了
回答3:v-model 就是 v-bind:input 和 v-bind:value 的語法糖。
回答4:已解決,用一個input和一個p配合即可
回答5:https://jsfiddle.net/stardew/...
相關(guān)文章:
1. docker-compose中volumes的問題2. golang - 用IDE看docker源碼時的小問題3. dockerfile - [docker build image失敗- npm install]4. angular.js - angular內(nèi)容過長展開收起效果5. mysql - 記錄開始時間和結(jié)束時間,表字段類型用timestamp還是datetime?6. 表單提交驗證,沒反應(yīng),求老師指點7. node.js - 微信的自動回復(fù)問題8. 用Python調(diào)用api之后,沒有輸出該如何解決?9. 老師,樣式?jīng)]有變呀?10. mysql函數(shù)unix_timestamp如何處理1970.1.1以前的數(shù)據(jù)?

網(wǎng)公網(wǎng)安備