您的位置: 首页 > 文章 > vue页面显示图片

vue页面显示图片

分类: 文章 • 2024-02-22 15:55:40

html页面

<img :src="studentImg"  style="width:100px; height:130px">
<img :src="bookImg" style="width:100px;height:130px">

script 声明

<script>
import axios from 'axios';
export default {
  name: 'borrow',
  data () {
    return {
    // 图片路径
      bookImg: require('@/assets/images/book.jpg'),
      studentImg: require('@/assets/images/ming-lan.jpg'),
  },
  created () {
    },
    mounted () {}
  }
};
</script>

界面效果

vue页面显示图片