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

问题描述

问 题

<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的值并没有显示出来。请问这样写是不是错的？要实现我的需求应该怎么写？

解决方案

已解决，用一个input和一个div配合即可

这篇关于javascript - input 是不是不能同时用：value和v-model的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！