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

$route.pathで現在ページのURLを取得する

2020.03.01 2019.04.20
  • this.$route.pathで現在のURLのパスを取得することができる。
  • 例えば、以下ではURLのパスごとにヘッダーのテキストを切り替えている

上記コードのサンプルページ

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

関連記事

備忘録

PMBOK入門6章 テスト・移行フェーズ

テスト・移行フェーズのPMの役割 確実に作業を進める 1つ一つの作業を確実に行う 確認が十分にされずに行われている作業がないか手順や役割が不明確になっている作業がないかなどを調査し、迅速かつ適切に対応する システムの移行作業の...
備忘録

npmパッケージを公開した

特に記述する内容はないのだけど、3つ作って公開した。 上から2つ目の「オートコンプリート」については、storybookをgithubページで公開している。 uiカタログを簡...
備忘録

iOSで慣性スクロールさせる方法

結論 スクロールさせる要素に下記のCSSを記述する
備忘録

スプレッドシートでシート名から日付を取得する

結論 GASでシート名を取得する関数を作成し、シート名から日付を取得する まず、スプレッドシートにて、ツール->スクリプトエディタをクリックして開き、SHEETNAME()という関数を作成するため、以下のコードを記載する。 func...
備忘録

【Nuxt,js】slotで共通コンポーネントを作る

前回の記事で使用したダイアログコンポーネントで簡単に説明します。 ▼親テンプレート(dialogコンポーネント:Dialog) <template lang="pug"> CommonDialog(v-if="active" ...
備忘録

Node.jsで環境依存設定を.envで管理する

dotenvを使用する $npm install dotenv --save あとは.envファイルを作成して環境変数を記述 環境変数を使用するjsファイルに以下を記載 require('dotenv').config(); process...
1行に入らない文字列を三点リーダで省略表示する
ボタンを押すと出現するサイドバー
ホーム
備忘録

人気記事

PMBOK入門6章 テスト・移行フェーズ
2021.10.012021.12.03
【React】vueのv-htmlに該当するもの
2019.07.162020.03.01
nuxtのspaモードで作成した作成中のアプリをxserverにデプロイしてみた。
2019.05.182020.03.01
vueのイベントハンドラ(v-on)
2019.06.30
Laravelの.htaccessファイルについて
2019.07.022020.03.01

外部リンク

  • GitHub
  • Portfolio2019

タグ別記事一覧

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

カテゴリ別記事一覧

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

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

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