2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Vuetify】 v-img 画像指定方法

Last updated at Posted at 2022-04-11

v-img 画像の指定方法

v-img:Vuetifyのimageファイルを表示するコンポーネント

v-img コンポーネントページ

Vuetify:Vue.jsで使用できるマテリアルデザインのUIフレームワーク

画像をURLで指定する場合

<v-img
  src="https://picsum.photos/id/20/1920/1080?blur=5"
></v-img>

画像を相対パスで指定する場合

<v-img
  v-bind:src="require('/assets/images/index/vegetable1.jpg')"
></v-img>
2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?