<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的值并没有显示出来。请问这样写是不是错的?要实现我的需求应该怎么写?
怪我咯2017-07-05 10:39:57
建议把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也就改变了