如何解决vue.js中的“更改输入类型”问题？

Question

我正在使用vuetify，但遇到了一个奇怪的问题！当我使用vue更改输入类型时，它可以在chrome中使用，但不能在Firefox 77.0.1中使用！

你能告诉我如何解决这个问题吗？

这是输入html：

    <v-text-field
      ref="password"
      name="pwd"
      autocomplete="new-password"
      v-model="form.password"
      prepend-inner-icon="mdi-lock-outline"
      :append-icon="showPass ? 'mdi-eye' : 'mdi-eye-off'"
      :rules="[rules.required, rules.min8]"
      :type="showPass ? 'text' : 'password'"
      label="password"
      outlined
      dense
      required
      @click:append="showPass = !showPass"
    />

showPass在具有错误值的vue数据中定位。

这是Firefox的结果：

<input name="pwd" autocomplete="new-password" id="input-22" type="'text'">

还有Chrome：

<input name="pwd" autocomplete="new-password" id="input-22" type="password">

提前欣赏：）