<div id="img">

<img src="img.png" class="img">

</div>

$(".img").attr("src",require("@/img.png"));

在vue里在js中引用图片必须加一个require关键字和在图片地址前面加@符号

转载于:https://www.cnblogs.com/hua-21/p/10636419.html

在vue.js引用图片的问题相关推荐

  1. vue本地上传并预览php,vue.js 实现图片本地预览 裁剪 压缩 上传功能

    以下代码涉及 Vue 2.0 及 ES6 语法. 目标 纯 javascrpit 实现,兼容ie9及以上浏览器,在本地做好文件格式.长宽.大小的检测,减少浏览器交互. 现实是残酷的,为了兼容Ie9 还 ...

  2. vue.js 引用背景图 background 无效的3种解决办法

    #vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...

  3. vue 图片裁剪工具_使用Vue.js的图片裁剪工具,包括预览

    vue 图片裁剪工具 Vue作物 (vue-crop) Images Crop tool with Vue.js including preview. 使用Vue.js的图片裁剪工具,包括预览. Vi ...

  4. 计算机毕业设计SpringBoot+Vue.js学前教育图片智能识别系统(百度AI平台)

    功能 本系统七个部分分别是用户管理模块.用户信息模块.用户留言模块.管理员模块.图片识别模块.学习收藏模块,它们的功能如下: (1) 用户管理模块 用户管理模块包含了注册(账号.昵称.密码).登录(不 ...

  5. app.vue中引用图片src=“../assets/logo.png“报错未找到图片

    发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...

  6. vue css引用图片编译后路径出错

    背景描述: scss中背景图片引用路径是这样: 编译后的文件目录是这样: 现在config index.js的build路径配置是这样: 问题描述: css 和js文件的编译路径都是正确的,/stat ...

  7. vue——js实现图片/文件的拖拽上传(复制粘贴就能用,还有优化空间)

    首先先创建元素容器 <template><div id="drop"><span v-show="isUpload" class= ...

  8. pc 图片预览放大 端vue_移动端Vue.js的图片预览组件,支持放缩、滑动功能!

    功能:图片预览组件,支持双手指放大/缩小,双击放大/缩小,单击消失隐藏. 注:touch事件请手机预览 源码分享 组件参数 data() { return { loading: 2, // 1成功 2 ...

  9. VUE.JS 实现图片随鼠标变换的动画效果

    先来看演示效果 首先我们设置一个这样的图片样式 <template><div class="login100-pic"><img src=" ...

最新文章

  1. iis7.5配置.net mvc注意事项
  2. Mysql删除语句优化_MySQL性能优化之常用SQL语句优化
  3. 第十二单元文件的归档/压缩/传输
  4. 软件工程 质量问题_软件质量| 软件工程
  5. c#switch语句判断成绩_switch语句成绩等级例子
  6. 回车键提交与不提交表单的解决方法
  7. STL迭代器iterator
  8. 推荐几个非常有用的工具
  9. Ubuntu18.04 安装Matlab2021b
  10. 「ds」网络操作系统和分布式操作系统之间的区别
  11. 中国行政区域划分 爬虫工具
  12. this.$message
  13. 10年软件测试工程师 常用八大测试用例设计方法
  14. [转帖]谨防(练拳时)膝关节损伤十一要
  15. 如何做一名优秀的工程师
  16. 读《Java核心技术 卷I》有感之第3章 Java的基本程序设计结构
  17. damon ps2 android,DamonPS2模拟器
  18. 房地产稳经济作用正在显现
  19. module.exports 与 exports.xxx 的区别
  20. windows10在哪修改内网网段或者固定IP

热门文章

  1. 10大html5前端框架
  2. UGLY NUMBERS II
  3. gulp教程之gulp-minify-css【gulp-clean-css】
  4. 写一个Android输入法01——最简步骤
  5. 视频教程--ASP.NET MVC 使用 Petapoco 微型ORM框架+NpgSql驱动连接 PostgreSQL数据库
  6. OpenDDS通讯中rtps_discovery对等发现的基本配置和说明
  7. 5个能提高你工作效率的Excel技巧
  8. Git 回滚动任意版本
  9. kafka入门介绍(转载)
  10. iOS touch事件单击双击区分响应