Vue.js 动态为img的src赋值

在vue中动态给src赋值绑定图片会显示不出来动态添加src被当做静态资源处理了，没有进行编译

解决方法：

1、用网络地址把图片放在cdn或自己的服务器上，把网络地址存在imgUrl里，然后直接<img :src="Url">

2.把图片放在src同级的static文件夹下此处有坑如果在部署H5的项目时对路径动了手脚这个有没有用

3.require('../assets/images/'+imgsrc+'.png') require里面是字符串

转载于:https://www.cnblogs.com/zhouyideboke/p/11225562.html

Vue.js 动态为img的src赋值相关推荐

vue.js动态计时器_基于Vue.js的Pomodoro技术计时器
vue.js动态计时器番茄 (pomodoro) Timer for Pomodoro Technique built on Vue.js 2.0 with PWA 基于PWA的Vue.js 2.0 ...
vue.js 动态加载 html,Vue加载组件、动态加载组件的几种方式
什么是组件: 组件是Vue.js最强大的功能之一.组件可以扩展HTML元素,封装可重用的代码.在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能.在有些情况下,组件也可以是原生HT ...
Vue.js动态改变样式
动态改变样式我们经常有这样的需求,就是用js控制css.但是我们知道js只能控制DOM层和BOM层,没有办法控制写入CSS文件.可是我们有时候偏偏需要改变样式怎么办呢?我们有两种方法: 动态改变st ...
vue.js 动态添加组件
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 前端页面: <div class="container"><div cla ...
js 动态修改iframe的src
项目组里有功能需要,当前页面获取url传递过来的参数值,动态赋值给iframe的src,从而实现动态加载iframe的需求,代码如下: <!DOCTYPE HTML PUBLIC "- ...
Vue.js 动态组件异步组件
在动态组件上使用 keep-alive 我们之前曾经在一个多标签的界面中使用 is 特性来切换不同的组件: <component v-bind:is="currentTabCompon ...
php改变iframe的src,js动态改变iframe的src属性
今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更 ...
js动态改变iframe的src属性
今天在Chrome下显示如下的iframe,src设置为空,但打开页面时iframe一直处于刷新状态,看了下面的博文,觉得是不是默认不显示时src应该写成about:blank,明天回去测试下,回来更 ...
vue.js 动态合并单元格问题
单元格动态合并 <div id="app"><table border="1"><tr><td v-for=" ...

Vue.js 动态为img的src赋值

Vue.js 动态为img的src赋值相关推荐

最新文章

热门文章