Buefyの<b-table>にscrollableをつけてるのに、うまく幅が調整できなくてもきもきしてたけど、ヘッダーに日本語を使ってたからっぽい。
すべてを英数字にしたら、うまくいった。
特に、NuxtやVueで v-slot を使うときは、謎の「~~ is not defined」エラーが出るから、何が問題なのかわかりにくい。 だめな例 {{ props.row.option.includes(' lang:ja') ? '<b-...
Buefyの<b-table>にscrollableをつけてるのに、うまく幅が調整できなくてもきもきしてたけど、ヘッダーに日本語を使ってたからっぽい。 すべてを英数字にしたら、うまくいった。
原因 Columnの番号によって、Gapが違うから。 一番左のカラムは、左側にGapが設定されていないけど、右側には設定されている 2番目から最後の直前のカラムには両側にGapが設定されている 最後のカラムには右側にGapが設定されていないけど、左側には設定されている。 このデフ...
Buefyで、モバイルのときにスライドインしてくるサイドバーを作っていたとき、どうしてもスムーズにサイドバーを表示できなかったことがあった。 (1回目はスムーズに開くけど、2回目以降、なぜか表示ボタンを2回クリックしなければならなかった。) 調べたら、ここにやり方書いてあった。 ...
nuxt generate したら、タイトルのようなエラーが出ました。 ぐぐってみると、Githubに解決策っぽいものがあった。ただし、これをすれば必ずWarningがでなくなるというわけじゃないと思います。 https://github.com/nuxt-community/f...
だめな例 const ref = db.collection('query') ... export const actions = { fetchQuery ({ commit }) { ref .get() .then((re...
各ページで記述すればいいんだけど、面倒くさいのでLayoutでひとつ設定すればいいだけにしたい。 参考: https://note.com/fulcrum/n/na5d6a232f427 ステップ1: vue-social-sharing/nuxtをインストール 手順は割愛。nu...