如何在 Vue.js 中使用輸入只觀看一次

Question

vue 模板中有一個 input 標簽。 我想使用“文本”類型而不是“密碼”類型。

  <input type="text" v-model="form.password" />

所以我制作了一個手表代碼將文本字符串更改為**字符串。

  watch: {
    "form.password": function(val) {
      this.form.password = *
    }
  }

但是當我輸入一個字符時，它會更改為 ' * ' ，因此 'watch' 一次又一次地無限緩存。
我怎么解決這個問題？ 非常感謝您閱讀它。

Answer 1

您可以通過使用 input 事件來解決您的手表問題，該事件僅在您輸入內容時被觸發。

<input type="text" :value="form.password" @input="updatePassword" />

然后在你的方法中

methods: {
    updatePassword: function(ev) {
        this.form.password = "*";
    }
}