Vue.jsコンポーネントパスワードフィールドを表示する

Question

私は、ユーザが、この入力内のパスワードを入力できるようにしたい私は

<input type="text"> 

を持っている、のは、言ってみましょう。

問題： 1つの値を表示して別の値を保存する方法は？入力フィールド内部

// when user is inside input 
valueEncrypted() { 
      let s = ""; 
      for(let i = 0; i < this.value.length; i++) { 
       if(i === this.value.length - 1) { 
        s += this.value[i]; //show last character types 
       } else { 
        s += "*"; 
       } 
      } 
      return s; 
     } 

    // when user is outside of input 
    s += "*"; // only this line is left inside loop 

しかし、どの一つの値（"password"）を格納し、別の（"*******d"）を表示する：変更された値を表示する

非常に簡単です。あなたはfactその<input v-model="something">を活用することができます

Answer 1

私は、あなたがVUEインスタンス変数を渡すと、コンポーネント内にそれを修正することができるコンポーネントを記述することができ、これとそう

<input v-bind:value="something" v-on:input="something = $event.target.value"> 

のためだけ糖衣構文であります

デモ版hereが表示されています。

---

このlinkを別の方法で見ることもできます。