フォルダ構成 sample-project/ ├ app/ ├ 以降省略(Laravelの構成です) ├ resources/ │ ├ js/ │ │ └ components/ │ │ ├ pages/ │ │ │ └ sample.vue │ │ ├ router/ │ │ │ └ index.js │ │ ├ app.js │ │ ├ App.vue │ │ └ bootstrap.js │ └ view/ │ └ welcome.bla…

目次 目次 はじめに 準備 モックサーバー vueファイル 解説（主にJSファイル） はじめに Checkboxにチェックを入れると全部に反映されていったので備忘録。 その上、APIにcheckedというboolean型のプロパティがない場合 ※今回はあくまでチェックボックスの扱…

目次 目次 はじめに Do it はじめに 画面遷移時のクエリの備忘録 Do it データを渡すvueファイル <li v-for="item in qiitaPosts" :key="item.id"> <span class=”dan”><router-link :to="{name:'file-list-details',query:{title:item.title,created_at:item.created_at}}">{{item.title}}</router-link></span> : </li>

はじめに 朝4時近くにこんなツイートした自分 一部だけにcss判定かけるの結構めんどくさい。やり方がわからぬ。— kmmk＠この1ヶ月乗り切るマン (@kami_tsukai) September 22, 2019 はじめに とりあえず書いてみる 改善 まとめ とりあえず書いてみる 最初のや…

子コンポーネントから親コンポーネントにデータを渡す$emit share_file_list.vue（親）にdrop_down_menu.vue（子）のコンポーネントが含まれている。 つまりdrop_down_menu.vueのデータをshare_file_list.vueに渡す | - components | | | - drop_down_menu.v…

構成 サイドバーは常に表示しておきたい 変更されるのはコンテンツエリアのみ の簡易な構成にしていきたいと思います コンポーネントに分ける 2つに分ける sidebar contents Vue-routerのルールでルーティングをしてくれるファイルにこのように記述 router.j…

checkboxのboolean問題 個人的にHTMLでCheckBoxを使用するときの扱い方は下記のようにしていた //check済みで表示するとき <input type=“checkbox” checked=true> なのでVueもそのように考えて下記のようにしたらfalse値のまま変化がなかった。。 <ul> //todo.isDoneは真偽値が返る（初期値はfalse） <li><input type=“checkbox” v-model:checked=“todo.isDone"><span></span></li></ul>…