Tech Racho エンジニアの「?」を「!」に。
  • 開発

Vue.jsサンプルコード(16)パスワードを入力中だけ表示する

16. パスワードを入力中だけ表示する

  • Vue.jsバージョン: 2.5.2
  • 入力中だけパスワードのマスクが解除されます。
  • EnterやTabを押して入力を終えると再びマスクされます。

サンプルコード


ポイント: コード中のdebounceLodash.jsのメソッドで、このような一定時間入力がないときの処理を書くのに使えます。このため、このサンプルの実行にはLodash.jsも必要です。

    methods: {
      c: _.debounce(function() {
        this.t = "password"
        this.$nextTick(function() { this.$refs.r1.focus() })
      }, 1000 * 1),
    },

バックナンバー(Vue.jsサンプルコード)

Vue.jsサンプルコード(01〜03)Hello World・簡単な導入方法・デバッグ・結果の表示とメモ化

CONTACT

TechRachoでは、パートナーシップをご検討いただける方からの
ご連絡をお待ちしております。ぜひお気軽にご意見・ご相談ください。