1.图片是线上地址
v-bind:style="{ 'background-image': 'url(' + item.imgUrl+ ')', }"
2.图片是本地地址
<div class="general_rate_ico"
:style="{backgroundImage: 'url(' + coverImgUrl() + ')' }"
></div>
//图标
coverImgUrl(state){
return require('../../../assets/v2.3/quicklook/箭头@2x.png')
}
本地地址要加个require 后面再跟图片地址
1.图片是线上地址 2.图片是本地地址 本地地址要加个require 后面再跟图片地址
动态绑定背景图片
vue实例和数据绑定 vue实例和数据绑定 通过script便签引入vue 通过vue构造函数来创建一个vue实例...
1 动态绑定 在C++中，默认不会触发动态绑定，如果需要触发动态绑定，那么就需要：1）将函数指定为虚函数;2）通过...
Vue 学习笔记入门篇-数据绑定，指令，事件 2.1.1 vue 实例和数据绑定 通过构造函数 Vue 就可以创建...
分为两种，第一种是动态绑定后台传来的图片，第二种是我们自己文件夹的图片1.绑定后台传来的图片 2.文件夹的图片(注...
简介 本章节会介绍在C++中虚函数及纯虚函数的主要作用，C++也是通过虚函数实现动态绑定，本小节不会去讲述动态绑定...
对象模型 指针指向子类，通过指针调用虚函数，自动调用子类的虚函数实现， 指针调用虚函数时，不做静态绑定，做动态绑定...
Vue 实例和数据绑定 通过构造函数 Vue 就可以创建一个 Vue 的根实例，并启动 Vue 应用。Vue 实例...
本文标题：vue 通过函数动态绑定背景图片
本文链接：https://www.haomeiwen.com/subject/ucfeurtx.html
网友评论