Category / vue
SPAでも戻るボタンで元のスクロール位置に戻りたい（vue）
2023-07-10 問題 vue、vue routerで作っているSPAのページ移動で、ブラウザの戻るボタンを押したとき、前の位置に戻りたいです。 どうも上に戻ってしまうようです。 答え vue routerで画面遷移時のスクロール位置をコ […]
Vue Router の動的ルートのパラメータ違いの画面遷移でコンポーネントを再描画してほしい
2021-11-16 問題 パス同じのパラメータ違いのルートでは、コンポーネントが再利用されて、createdなどが発火しない。 /user/123/user/456/user/789 パスが変わったときだけでなく、パラメータが変わった時もc […]
【vue3】自動リンク表示するコンポーネントを作る
2021-09-16 問題 例えば以下のようなURLを含む文字列を、 ソフテルをGoogleで検索https://www.google.com/search?q=%E3%82%BD%E3%83%95%E3%83%86%E3%83%ABソフテル […]
vue + vuex + vue-router のwebpackなしサンプル（コピペでできる）
2020-01-18 問題 webpackとかLaravelなしで vue+vuex+vue-routerできないですか。 答え htmlファイル1個と、jsファイル1個で、小さなSPA（Single Page Application）っぽい […]
【Vue.js】[Vue warn]: Cannot find element: #appが出る時
2020-01-15 問題 Vue.js を使おうとしているのですが、以下のエラーが出て進みません。 app.js:4277 [Vue warn]: Cannot find element: #app 答え scriptタグにdeferがつけ […]
vueの画面でjquery.ui.datepickerを使うと？
2020-01-02 問題 vueで作っている画面で、jQuery UI の datepicker を使おうと思ったんだけど、うまく動かない。 答え 本来はvueに全部お任せするのがよく、jquery, jquery.ui にHTMLを変更さ […]
vue-routerでUncaught(in promise) NavigationDuplicated のエラー
2019-12-24 問題 vue-routerで画面遷移しようとしたら、エラーが出ます。 router.push('/hoge') router.push('/hoge') Uncaught (in promise) e {_name: " […]
vue.js で bootstrapのmodalを表示する（簡易版）
2019-05-13 問題 vue.js を使っている環境で、bootstrapのmodalを表示したいです。 答え modalの表示/非表示をvueでコントロールする場合、bootstrapのJavaScriptは使わないで、bootstr […]
【JavaScript】参照を保ったまま配列の末尾に要素を複数追加する
2019-03-04 問題 配列を参照を保ったまま他の配列とマージ（後ろに結合）するにはどうしたらよいですか。 var x = [1, 2, 3];var y = [4, 5, 6];var z = x;x = x.concat(y);con […]
【JavaScript】参照を保ったまま配列を空にする
2019-03-03 問題 配列を参照を保ったまま空にするにはどうしたらよいですか。 var x = [1, 2, 3];var y = x;x[1] = 5;console.log(y); // -> [1, 5, 3]x = []; […]
【Vue.js】 v-if と v-show の違い
2017-02-13 問題 v-if と v-show って、見た目に表示/非表示される以外にどこが違うの？？ 答え ● v-show は、要素の表示/非表示する。 display:block/none してもらう感じ。 ● v-if は、要 […]
【Vue.js】 BootstrapのModalをVueのコンポーネントにしてみた例
2017-02-12 問題 vue.jsでbootstrapのmodalっぽいコンポーネントを作りたい。 答え きちんとやると、BootstrapのJavaScriptがやっていることを組み込んだ方がよいと思うけど、 vue-strap の例 […]
【Vue.js】transitionを使ってBootstrapのModalをvue.jsで表示する
2017-02-11 問題 CSSはbootstrap.cssを利用して、動きはvue.jsで、BootstrapのModalを表示したい。 答え bootstrapのモーダルは、.fadeに.inを追加して.fade.inにすると、CSSの […]