第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在沒有 V-model 的情況下綁定輸入字段值?

如何在沒有 V-model 的情況下綁定輸入字段值?

慕田峪9158850 2022-07-21 10:51:45
在我的 Vue 應(yīng)用程序中,我有一個(gè)計(jì)時(shí)器和一個(gè)文本字段。當(dāng)我嘗試減少剩余秒數(shù)時(shí),我在該字段中所做的更改不斷消失。計(jì)時(shí)器和字段完全不相關(guān)。這是一個(gè)簡(jiǎn)單的演示,在字段中寫入任何內(nèi)容:https://codepen.io/basabence/pen/jObwqgL<div id="app">    <span>Time: {{remaining_time}}</span><br>    <input :value="step_answer" type="text"></div>app = new Vue({  el: '#app',  data: {    remaining_seconds: 60,    step_answer: "asdasd",  },  created: function (){    setInterval(()=>{      this.remaining_seconds--    },1000);  }})有趣的是,如果我將其更改:value為 v-model,它可以正常工作 - 但我不想雙向綁定這個(gè)字段......你們中有人遇到過這種行為嗎?先感謝您
查看完整描述

2 回答

?
哆啦的時(shí)光機(jī)

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;

    }

  }

})


查看完整回答
反對(duì) 回復(fù) 2022-07-21
?
隔江千里

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊

:value,一種單向綁定,永遠(yuǎn)不會(huì)讓來自鍵盤的輸入更新組件的狀態(tài)。這就是 v-model 存在的原因。查看此問題和答案以獲取更多詳細(xì)信息。



查看完整回答
反對(duì) 回復(fù) 2022-07-21
  • 2 回答
  • 0 關(guān)注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)