vue动态添加图片/背景图

普通动态添加背景图

   <divclass="serviceDate":style="{'background-image': `url(${require('../../assets/weekComment/bannerCard_' +serviceInfo.code +'.png')})`,}"></div>

注意:如果变量回来的慢会报错,那就在父盒子添加v-if,等数据回来了再渲染.

添加判断的背景图

  <divclass="serviceDate":style="{'background-image': `url(${require('../../assets/weekComment/' + ((serviceInfo.status==9?'past_':'bannerCard_') + serviceInfo.code) + '.png')})`,}"></div>

动态添加判断的图片也同理

 <img :src="require('@/assets/contract/'+(chechItem.active?'selected':'select')+'.png')" >

vue动态添加图片/背景图相关推荐

Android HorizontalScrollView 水平滑动在listview上面动态添加图片
Android HorizontalScrollView 水平滑动 listview 上动态添加图片最近遇到了个在listview展示广告的需要动态添加图片如图: 使用了 horizo ...
vue 动态添加click_vue，在模块中动态添加dom节点，并监听
vue向数组中动态添加数据 vue中数据更新通过v-model实现,向数组中添加数据通过push()实现,向shortcuts数组中动态添加newShortcut对象中的title和action th ...
给盒子添加默认背景图和选中背景图
给盒子添加默认背景图和选中背景图用于每张默认图片和每张选中图片均不一致的情况 <template><divclass="weather":class=" ...
C# 给PDF添加图片背景
C# 给PDF添加图片背景今天要实现的是给PDF文件添加图片背景这个功能.PDF是近年来最流行的文件之一,无论是办公还是日常生活中都经常会用到,很多时候,PDF文件的背景色都是白色,看多了难免觉得累 ...
vue动态设置文字布局方式_详解Vue动态添加模板的几种方法
动态添加模板需要收集原始数据的页面,这个时候我们需要很多原始数据收集模板,下面给大家详解Vue 动态添加模板的几种方法,希望对你学习这方面知识有所帮助. 通常我们会在组件里的 template 属性定 ...
html 如何把图片作为背景_办公软件操作技巧062：如何给word文档添加图片背景
在日常工作中,我们经常用word编辑文档,有时为了使文档更加的美观大气,可以给文档添加上背景图片,今天就来和大家分享如何在word中给文档添加图片背景. 方法一:填充图片法单击"页面布局& ...
Atitit 动态按钮图片背景颜色与文字组合解决方案
Atitit 动态按钮图片背景颜色与文字组合解决方案转换背景颜色,setFont("cywe_img", fontScale, 50, 5) 设置文字大小与坐标文字分拆,使用字 ...
threejs使用精灵图添加图片贴图
threejs添加精灵图片使用精灵图添加图片贴图使用精灵图添加图片贴图 const sprite = new THREE.Sprite(new THREE.SpriteMaterial({map: ...
html2canvas 图片合成模糊以及保存为图片背景图丢失问题解决
html2canvas 图片合成模糊以及保存为图片背景图丢失问题解决注意作为背景的图片必须放在服务器,存放在本地会出现截图的时候背景图丢失的问题; 背景图必须放在img里面里面,通过定位处理成和背 ...
vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...

vue动态添加图片/背景图

vue动态添加图片/背景图相关推荐

最新文章

热门文章