Question

我正在尝试弄清用户完成更改后如何更新输入字段。我注意到的是，在单击@输入框时发生了@change调用时发生的事件，这不是我想要的。我希望它等到完成输入后再进行更改。

供参考。

表格：

<b-form  @submit.stop.prevent>
     <b-input
          v-model="round_Title"
          placeholder="Round Title"
          :state="null"
          id="feedbacek-user"
          size="sm"
          @change="updateTitle()"
          v-if="validation">
       </b-input>
</b-form>

updateTitle（）：

updateTitle() {
            console.log('made it');
        },

Answer 1

我看到您需要@blur事件，请尝试如下操作：

<b-form  @submit.stop.prevent>
     <b-input
          v-model="round_Title"
          placeholder="Round Title"
          :state="null"
          id="feedbacek-user"
          size="sm"
          @blur="updateTitle()"
          v-if="validation">
       </b-input>
</b-form>

还有另一种解决方案，是将lazy修饰符与@input事件一起使用，如下所示

@input.lazy="updateTitle()"

输入完成更新后如何触发v-on：change

1 个答案: