suchen

Heim  >  Fragen und Antworten  >  Hauptteil

javascript - Können Eingaben nicht gleichzeitig verwendet werden: Wert und V-Modell?

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

Ich möchte, dass die Eingabe zunächst den Wert in Info anzeigt, und dann kann ich den Wert des V-Modells verwenden, aber der Effekt kann nicht erzielt werden. Der Wert der Info wird nicht angezeigt. Ist es falsch, so zu schreiben? Wie soll ich schreiben, um meine Bedürfnisse zu erfüllen?

phpcn_u1582phpcn_u15822809 Tage vor871

Antworte allen(5)Ich werde antworten

  • 天蓬老师

    天蓬老师2017-07-05 10:39:57

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

    反正是双向的,何必多出来呢。

    Antwort
    0
  • 怪我咯

    怪我咯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也就改变了

    Antwort
    0
  • 巴扎黑

    巴扎黑2017-07-05 10:39:57

    v-model 就是 v-bind:input 和 v-bind:value 的语法糖。

    Antwort
    0
  • 代言

    代言2017-07-05 10:39:57

    已解决,用一个input和一个p配合即可

    Antwort
    0
  • 淡淡烟草味

    淡淡烟草味2017-07-05 10:39:57

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

    Antwort
    0
  • StornierenAntwort