vue+nuxt day10
2020-07-13
今日も結局1日中やってしまった、、、
アプリ開発楽しいね・・・
結構形になってきました


chart.jsでグラフ描写もできるように。レスポンシブ設定にするとスマホから見たとき若干はみでてしまったので無理やりサイズ指定してことなきを得た。得てるか?
.donut {
width: 280px;
margin: auto;
}
@media screen and (min-width: 768px) {
.donut {
width: 400px;
margin: auto;
}
どんどんnuxtとvueとjavascriptが分かってきている感があり楽しいですね
imgを動的に指定しようとして、わりかし詰まったところメモ
<img class="img" :src="require(`@/assets/image/artifact/${item.acronym}.png`)" width='40'>
これに辿り着くまでめちゃくちゃ右往左往しました。
:src にするのと requireを噛ませるのと文字列の中に変数仕込むやつでそれぞれ詰まった まあ解決したのでよかったです。