motoori
仕事も趣味も全力で楽しむ

nuxtでトグルボタン作ってみた

2020.03.01 2019.04.02

vue-js-toggle-buttonのコードを写経しただけです。
herokuにあげています
herokuサンプルページ

備忘録
Nuxt
シェアする
Twitter Facebook はてブ LINE コピー
mogataro
motoori

関連記事

備忘録

Linuxコマンドのalias作成方法

ホームディレクトリに.bashrcファイルを作成する $ touch ~/.bashrc .bashrcファイルにaliasコマンドを追加する $ vim ~/.bashrc を実行し、.bashrcを開く 下記例のように、al...
備忘録

googleでネットワークが遅い状態をシミュレートする

結論 開発者ツールを開き、NetworkタブのOnlineのプルダウンでslow 3Gを選択する
備忘録

数秒間、処理を待ちたい時

function resolveAfter2Seconds() { await new Promise(resolve => setTimeout(resolve, 2000)) // いかに2秒後に実行する処理を書く } ...
備忘録

要素を見えないようにするが、スクリーンリーダーには読ませるcss

.visually-hidden { clip: rect(0 0 0 0); clip-path: inset(100%); width: 1px; height: 1px; overflow: h...
備忘録

Nuxtでカスタムディレクティブに動的引数を渡す。

下記の質問「Nuxtでカスタムディレクティブの引数にオブジェクトのvalueを渡したいがプロパティ名が渡ってしまう。」件について回答をいただきました。 wtokunoさんありがとうございます。 結論 vueのversion2.6.0以降...
備忘録

vueのイベントハンドラ(v-on)

@focus フォーカス時 @blur フォーカスが外れた時 @change value変更時 @click クリック時(同じ要素内でマウスボタンを押して離した後で発生) @dblclick ダブルクリック時 @submi...
wordpressでmarkdownを使用する
nuxtでパラメータ1つのアニメーション付き円グラフ描いてみた
ホーム
備忘録

人気記事

PMBOK入門6章 テスト・移行フェーズ
2021.10.012021.12.03
【React】vueのv-htmlに該当するもの
2019.07.162020.03.01
Laravelの.htaccessファイルについて
2019.07.022020.03.01
スプレッドシートでシート名から日付を取得する
2019.03.012020.03.01
nuxtのspaモードで作成した作成中のアプリをxserverにデプロイしてみた。
2019.05.182020.03.01

外部リンク

  • GitHub
  • Portfolio2019

タグ別記事一覧

  • php
    • laravel
  • javascript
    • react
    • vue
    • nuxt
  • html
  • css
  • mysql

カテゴリ別記事一覧

  • 備忘録58
  • 雑記9
スポンサーリンク
この記事を書いた人
mogataro

WEBエンジニアです。
サーバーサイドエンジニアからフロントエンドエンジニアになりました。

mogataroをフォローする
スポンサーリンク
motoori
© 2019 motoori.