input 是不是不能同时用：value和v-model

Question

<template>

    <div id="login">

        <div>

            用户: <input type="text" v-model="username" :value='info.name'>

            密码: <input type ="text" v-model="password" :value='info.psd'>

        </div>

    </div>

</template>

<script>

    export default{

        name:'login',

        data(){

            return{

                username:'',

                password:'',

                info:{

                    name:'123',

                    psd:'123',

                },

            }

        },

    }

</script>

我想让input最初显示的是info里面的值，然后可以用v-model的值，但是不能达到效果。info的值并没有显示出来。请问这样写是不是错的？要实现我的需求应该怎么写？

Answer 1

用一个input和一个div配合即可