Tanaka on Rails

行動・努力・俯瞰

Vue.js

Vue.jsでデータ情報が無い時(空配列)に「No Data」と表示するように設定する

v-ifを使う taskというデータの入れ物がある状態でからの場合は「No Data」を表示し、axiosなどで情報を取得したときにはそのデータをそのまま表示をしたいケースを想定してみます。 <template> <div> <div v-if="task.length===0"> <h1>No Data</h1> </div> <div v-else"> <h1>{{ task }}</h1> </div> </div> </template> export default { data() { return { task: {…

Rail 4 - pry-byebug・YarnとWebpacker

gem 'pry-byebug' デバック用のGem。 これまではデフォルトで使用できるbinding.irbを使用していたが、nextなどのコマンドを使えるbinding.pryを使った方が便利そう。 github.com qiita.com techtechmedia.com Yarn Javascriptのパッケージマネージャ。 npm…