Vuetify - v-text-fieldの中身をマニュアルで空にする

vuetify@2.5.5

 

ケース:

v-text-fieldの入力の先頭の文字にスペースを入力されたら弾きたい

 

solution:

  1. text-fieldの入力を検知
  2. 入力の頭がスペースか判別
  3. text-filedにrefを設定してv-text-field component内のdataにアクセス
  4. スペースなら中身を空に

 

1. <v-text-field v-model="hoge" @input=input ref="foo">

 

2 input() {

  if(this.hoge.slice(0, 1) === " " | this.hoge.slice(0, 1) === " ") {

3,4    this.$refs.foo.lazyValue === ''

  }

}