備忘録 Nuxtでカスタムディレクティブに動的引数を渡す。
下記の質問「Nuxtでカスタムディレクティブの引数にオブジェクトのvalueを渡したいがプロパティ名が渡ってしまう。」件について回答をいただきました。
wtokunoさんありがとうございます。
結論 vueのversion2.6.0以降...
Nuxt
備忘録 備忘録 カスタムスクロールディレクティブの作成
スクロールイベントと連動して要素が出現する
ローカルディレクティブに登録して、ローカルに使用する場合
pluginsディレクトリに登録し、グローバルに使用する場合
参考
カスタムスクロールディレクティブの作成
サンプルページ...
備忘録 ボタンを押すと出現するサイドバー
CSSトランジションを使う
参考
Enter/Leave とトランジション一覧
サンプルページ
備忘録 $route.pathで現在ページのURLを取得する
this.$route.pathで現在のURLのパスを取得することができる。
例えば、以下ではURLのパスごとにヘッダーのテキストを切り替えている
上記コードのサンプルページ
備忘録 nuxtでパラメータ1つのアニメーション付き円グラフ描いてみた
結論
SVGの「stroke-dasharray」属性を利用する。
setIntervalでstroke-dasharrayの値を変化させる
「stroke-dasharray」は円周長なので、直径x円周率xパーセンテージ/100...
備忘録 nuxtでトグルボタン作ってみた
vue-js-toggle-buttonのコードを写経しただけです。
herokuにあげています
herokuサンプルページ
備忘録 Nuxt.jsでPugを使用する
pug-plain-loaderをインストールする
$ npm install --save-dev pug@2.0.3 pug-plain-loader coffeescript coffee-loader node-sass sass-...
備忘録 【Nuxt,js】slotで共通コンポーネントを作る
前回の記事で使用したダイアログコンポーネントで簡単に説明します。
▼親テンプレート(dialogコンポーネント：Dialog)
<template lang="pug">
CommonDialog(v-if="active" ...
備忘録 【Nuxt,js/Vue.js】確認ダイアログコンポーネントで$emitの挙動を学ぶ
結論
$emitは子コンポーネントから親コンポーネントにイベントを送るときに使用する
実際にNuxt.jsで$emitを使用して確認ダイアログを作成してみる
▼親コンポーネント
pages/sample/dialog.vueに子である...