从 v-text-field Vue 中删除空格

Question

我有一个v-text-fieldin vue，我想删除所有空白或防止其中出现任何空白。例如'Project Number'输入应该是'ProjectNumber'.

我有一个功能，但这不起作用，我也尝试过 keyup。

<v-text-field
  @input='removeWhiteSpace(row.newCol)'
  outlined
  dense
  color="primary"
  style="width: 200px;"
  v-model="row.newCol">
</v-text-field>

removeWhiteSpace(text) {
  return text.replace(/[\s\/]/g, '');
}

Answer 1

有一个原生的 vue 修饰符，v-model.trim

<v-text-field
  outlined
  dense
  color="primary"
  style="width: 200px;"
  v-model.trim="row.model">
</v-text-field>

Answer 2

你可以这样做：

<v-text-field
  @keydown.space.prevent
  outlined
  dense
  color="primary"
  style="width: 200px;"
  v-model="row.newCol">
</v-text-field>

从这里： https ://stackoverflow.com/a/53521999/10642485