2 回答

TA貢獻(xiàn)1779條經(jīng)驗(yàn) 獲得超6個(gè)贊
你得到這個(gè)行為是因?yàn)閐ata它是一個(gè)reactive對(duì)象。當(dāng)你綁定valuewith 時(shí)step_answer,你創(chuàng)建了單向綁定data -> component,這意味著step_answer它是主綁定。
要實(shí)現(xiàn)Two-way綁定而不v-model需要捕獲@input event并附加它或step_master使用new value.
<input
v-bind:value="step_answer"
v-on:input="step_answer = $event.target.value">
完整示例:
<div id="app">
<span>Time: {{remaining_seconds}}</span><br>
<input
v-bind:value="step_answer"
v-on:input="appendValue($event)">
</div>
app = new Vue({
el: '#app',
data: {
remaining_seconds: 60,
step_answer: "asdasd",
},
created: function (){
setInterval(()=>{
this.remaining_seconds--
},1000);
},
methods:{
appendValue(e){
this.step_answer=e.target.value;
}
}
})
添加回答
舉報(bào)