在vue.js引用图片的问题
<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引用图片的问题相关推荐
- vue本地上传并预览php,vue.js 实现图片本地预览 裁剪 压缩 上传功能
以下代码涉及 Vue 2.0 及 ES6 语法. 目标 纯 javascrpit 实现,兼容ie9及以上浏览器,在本地做好文件格式.长宽.大小的检测,减少浏览器交互. 现实是残酷的,为了兼容Ie9 还 ...
- vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
- vue 图片裁剪工具_使用Vue.js的图片裁剪工具,包括预览
vue 图片裁剪工具 Vue作物 (vue-crop) Images Crop tool with Vue.js including preview. 使用Vue.js的图片裁剪工具,包括预览. Vi ...
- 计算机毕业设计SpringBoot+Vue.js学前教育图片智能识别系统(百度AI平台)
功能 本系统七个部分分别是用户管理模块.用户信息模块.用户留言模块.管理员模块.图片识别模块.学习收藏模块,它们的功能如下: (1) 用户管理模块 用户管理模块包含了注册(账号.昵称.密码).登录(不 ...
- app.vue中引用图片src=“../assets/logo.png“报错未找到图片
发现在views或components里的vue里用src="-/assets/logo.png"是没有问题的,但是在app.vue里这么使用出现报错: This relative ...
- vue css引用图片编译后路径出错
背景描述: scss中背景图片引用路径是这样: 编译后的文件目录是这样: 现在config index.js的build路径配置是这样: 问题描述: css 和js文件的编译路径都是正确的,/stat ...
- vue——js实现图片/文件的拖拽上传(复制粘贴就能用,还有优化空间)
首先先创建元素容器 <template><div id="drop"><span v-show="isUpload" class= ...
- pc 图片预览放大 端vue_移动端Vue.js的图片预览组件,支持放缩、滑动功能!
功能:图片预览组件,支持双手指放大/缩小,双击放大/缩小,单击消失隐藏. 注:touch事件请手机预览 源码分享 组件参数 data() { return { loading: 2, // 1成功 2 ...
- VUE.JS 实现图片随鼠标变换的动画效果
先来看演示效果 首先我们设置一个这样的图片样式 <template><div class="login100-pic"><img src=" ...
最新文章
- iis7.5配置.net mvc注意事项
- Mysql删除语句优化_MySQL性能优化之常用SQL语句优化
- 第十二单元文件的归档/压缩/传输
- 软件工程 质量问题_软件质量| 软件工程
- c#switch语句判断成绩_switch语句成绩等级例子
- 回车键提交与不提交表单的解决方法
- STL迭代器iterator
- 推荐几个非常有用的工具
- Ubuntu18.04 安装Matlab2021b
- 「ds」网络操作系统和分布式操作系统之间的区别
- 中国行政区域划分 爬虫工具
- this.$message
- 10年软件测试工程师 常用八大测试用例设计方法
- [转帖]谨防(练拳时)膝关节损伤十一要
- 如何做一名优秀的工程师
- 读《Java核心技术 卷I》有感之第3章 Java的基本程序设计结构
- damon ps2 android,DamonPS2模拟器
- 房地产稳经济作用正在显现
- module.exports 与 exports.xxx 的区别
- windows10在哪修改内网网段或者固定IP