vue img使用动态src（ :src ）

在vue项目中使用，动态的src，需要注意的是：
在引用的文件目录的前面加上require

否则引入的图片是不生效的

如：

 <img :src="require('../../../assets/images/company_indicator/company-tab-three0' + (index + 1) + '.png')" />

三元表达式的用法：

 <img:src="100 >=0? require('../../assets/images/monitor/fold.png'):require('../../assets/images/monitor/unfold.png')"/>

vue img使用动态src（ :src ）相关推荐

vue项目中videoPlayer 的 src 视频地址参数动态修改---方法
方法很简单:相信大家的问题应该是改变src的值吧,动态赋值这一步简单. this.playerOptions['sources'][0]['src'] 就是这一步解决提取src问题,主要部分用*号框起 ...
解决iframe动态切换src后历史记录，导致页面后退变为iframe后退的问题
现象最近有一个项目内嵌了一个iframe,会在一定条件下动态切换其的src达到切换页面的效果.同时页面父页面中有回退按钮,直接调用的go(-1).此时就产生了一个奇怪的现象:点击回退按钮,ifram ...
vue动态切换css文件_如何在vue组件中动态的引入css文件?
问题描述如标签描述的不准确,请见新直能分支调二浏页器朋代说谅我的需求是开的接都上的和,近很触是没他电同近很触是没发多套皮肤,打包的时候只加载其中某一种的皮肤(不需要动态换肤),因为css文件过大, ...
Vue文件内动态加载JS
Vue文件内动态加载JS let jsUrl = 'https://code.jquery.com/jquery-3.4.1.min.js' // JS地址 let jqueryJs = decode ...
vue + elementui 实现动态侧边导航栏
vue + elementui 实现动态侧边导航栏引言 router 文件夹创建 layout 文件夹 components 创建 SubMenu 文件夹封装动态侧边栏 vuex 中根据权限动态获 ...
动态添加组件_使用vue.js的动态组件模板
最近刚做完建站工具,准备总结里面使用到的一些技巧,同时会做一版简化的放在 github上. 先来一篇翻译的文章,和我在项目中使用的动态组件思路一样,不过缺少了演化的过程,直接给出了最终的解决方案.这篇 ...
Vue学习（动态组件、组件路由缓存keepalive）-学习笔记
文章目录 Vue学习(动态组件.组件路由缓存keepalive)-学习笔记动态组件组件路由缓存keepalive Vue学习(动态组件.组件路由缓存keepalive)-学习笔记动态组件 < ...
vue循环如何传参数 php,vue循环列表动态数据的处理方法（代码）
本篇文章给大家带来的内容是关于vue循环列表动态数据的处理方法(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 调用方法:Vue.set( target, key, value ...
element手机验证格式_基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)...
前言开发过程中遇到了一个需求,根据用户选择的联系方式,动态改变输入框的检验条件,并且整个表单是可以增加的在线访问:动态表单校验 github(欢迎star): https://github.com ...

vue img使用动态src（ :src ）

vue img使用动态src（ :src ）相关推荐

最新文章

热门文章