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

831 ℃

使用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项目运行router路由文件报component: () =>import (‘ ‘)错误(解决方法)

原生js使用es6引入import报错解决方法

dedecms织梦实现每天首页自动更新一次的方法

在自己的php页面中使用dedecms标签的代码示例

帝国cms搜索模板支持调用动态标签方法

标签: import, require

上面是“Vue页面中引入img图片使用动态路径import、require”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1514.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
JavaScript(eslint)标准代码规范(附代码示例)
织梦DedeCMS:CSRF Token Check Failed解决办法
vue项目中如何实现页面全屏功能
引导服务的重要性、论硬实力和软实力
es6哪些函数可以判断对象是否为空(去掉数组中空数据)