SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
技術者募集中

Category / vue

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の […]