javascript - Bolehkah input tidak digunakan pada masa yang sama: nilai dan model v?

Question

<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>

Saya mahu input pada mulanya memaparkan nilai dalam maklumat, dan kemudian saya boleh menggunakan nilai model v, tetapi kesannya tidak dapat dicapai. Nilai maklumat tidak dipaparkan. Salahkah menulis begini? Bagaimanakah saya harus menulis untuk mencapai keperluan saya?

Answer 1

            return{
                username:'123',
                password:'123',
            }

Ia dua hala pula, kenapa perlu bersusah payah menambah lagi.

Answer 2

Adalah disyorkan untuk mengalih keluar v-bind:value dan menulis info.name dan info.psd terus ke v-model adalah seperti berikut:

<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>

Apabila nilai input berubah, nama pengguna dan kata laluan juga berubah

Answer 3

v-model ialah gula sintaks untuk v-bind:input dan v-bind:value.

Answer 4

Selesai, hanya gunakan input dan p

Answer 5

https://jsfiddle.net/stardew/...