Vue.jsのコンポーネント詰め合わせ「Element」がスゴかった | 綺麗に死ぬITエンジニア
JavaScriptのフレームワークである「Vue.js」、皆さんは使ってますでしょうか。 学習コストの低さ、小規模案件での導入のしやすさ、大規模案件にも対応できる拡張性の高さから、最近はVue.jsばかりいじっています。 今回は、そんなVue.js上で、すぐに高機能なUIパーツが使えるようになるコンポーネント詰め合わせライブラリ「Element」が予想以上にスゴかったので、紹介したいと思います。簡単に高機能なUIが実装できるので、Vue.jsを使ったことがない人も、一読していただき、「Vue.js使ってみよう！」となってくれると、嬉しい限りです。 Vue.jsとは知らない人のために、Vue.jsの紹介をしておきます。 Vue.jsはJavaScriptフレームワークの一つです。 他の一枚板のフレームワークとは異なり、初めから少しづつ適用していけるように設計されています。他のライブラリや既
vue.jsとBootstrapのタブを組み合わせるサンプル - Qiita
追記: コメント欄でjQueryを使わないシンプルなコードを紹介していただいたので，そちらも参考にしていただければと思います。 はじめに 先日紹介したサンプルと同じ構成で，ページ内にBootstrapのタブを組み合わせるコードを紹介します。少なくとも日本語ではググってもイイ感じのサンプルが見つからなかったので…… 目標は，各ページをコンポーネントとして実装しているSPAで，「戻る」や「進む」によるページやタブの遷移を自然に行うことです。今回の例で言えば，次のような挙動を実現することです。 /にアクセスする（homeコンポーネントの内容が表示される） リンクから/exampleにアクセスする（exampleコンポーネントの内容が表示される，タブは1個めがアクティブ） タブを2個めに切り替える リンクから/にアクセスする（再びhomeコンポーネントの内容が表示される） 戻るボタンを押す（exa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
