Vue.jsサンプルコード(30)パスワードを自動生成する

30. パスワードを自動生成する

  • Vue.jsバージョン: 2.5.2
  • [パスワード生成]ボタンを押すと[パスワード]フィールドにパスワードが生成されます。
  • パスワードは隠していません。
  • 画面をリロードすると最初の状態に戻ります。

サンプルコード

ポイント

Vue.jsのコード側では単に変数aを更新しているだけです。

  const vm = new Vue({
    el: "#app",
    data: {a: ""},
    methods: {
      g: function() {
        this.a = Math.floor(Math.random() * 100000000000000000).toString(36)
      },
    },
  })

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

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

デザインも頼めるシステム開発会社をお探しならBPS株式会社までどうぞ 開発エンジニア積極採用中です! Ruby on Rails の開発なら実績豊富なBPS

この記事の著者

hachi8833

Twitter: @hachi8833、GitHub: @hachi8833 コボラー、ITコンサル、ローカライズ業界、Rails開発を経てTechRachoの編集・記事作成を担当。 これまでにRuby on Rails チュートリアル第2版の半分ほど、Railsガイドの初期翻訳ではほぼすべてを翻訳。その後も折に触れてそれぞれ一部を翻訳。 かと思うと、正規表現の粋を尽くした日本語エラーチェックサービス enno.jpを運営。 実は最近Go言語が好き。 仕事に関係ないすっとこブログ「あけてくれ」は2000年頃から多少の中断をはさんで継続、現在はnote.muに移転。

hachi8833の書いた記事

週刊Railsウォッチ

インフラ

ActiveSupport探訪シリーズ