2 回答

TA貢獻1779條經驗 獲得超6個贊
你得到這個行為是因為data它是一個reactive對象。當你綁定valuewith 時step_answer,你創建了單向綁定data -> component,這意味著step_answer它是主綁定。
要實現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;
}
}
})
添加回答
舉報