Vue页面中引入img图片使用动态路径import、require

使用import引入

import之后需要在data中注册一下,否则显示不了


import pic1 from '@/assets/images/pic1.png'
import pic2 from '@/assets/images/pic2.png'

export default {
  data () {
    return {
      pic1,
      pic2
    }
  }
}

使用require引入


import top1 from '@/assets/images/pic.png'

export default {
  data () {
    return {
      pic1: require('@/assets/images/pic1.png'),
      pic2: require('@/assets/images/pic2.png'),
      top1
    }
  }
}
以上是编程学习网小编为您介绍的“Vue页面中引入img图片使用动态路径import、require”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:Vue页面中引入img图片使用动态路径import、require

基础教程推荐