setCustomValidity（）在Chrome瀏覽器中不起作用

Question

嘗試在輸入中設置自定義消息時出現問題：

<b-form-input
  v-model.number="libpublishingdatefrom"
  someprops...
  oninvalid="setCustomValidity(Vue.prototype.trans('validation.gte.numeric'))"
  class="inputdate">   
</b-form-input>

它可以在Firefox瀏覽器上運行，但在Chrome上， oninvalid會被忽略，並且仍會顯示自定義消息。

我找到了一個有關Chrome HERE版本的主題，但我的版本為74。很可能他們仍然沒有解決該問題？

Answer 1

試試這個：

<b-form-input
v-model.number="libpublishingdatefrom" oninvalid="this.setCustomValidity(Vue.prototype.trans('validation.gte.numeric'))"
oninput="this.setCustomValidity('')"
class="inputdate">
</b-form-input>