vue动态style设置背景图片

vue项目中，这里需要动态style设置背景图片

<div :style="{'background': data.avatar == ''? 'url(' + defaultImg + ')':'url(' + data.avatar + ')','background-repeat':'no-repeat','background-size':'100%'}"
></div>

vue动态style设置背景图片相关推荐

vue :style 设置背景图片 backgroundImage
vue 日常坑 vue :style 设置动态设背景图片 backgroundImage 控制台会报错 404错误,但是不影响页面使用如下: http://localhost:8080/ooooo/ ...
Vue项目中设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...
Vue中如何设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...
vue组件中设置背景图片，随着页面高度的增加，背景图片能够不断延伸铺满屏幕
在做项目的时候,想要实现背景图片将整个页面铺满,等内容变多,高度超过屏幕高度的时候,背景图片仍然能够完全铺满. 第一种方式:(不是想要的) 第一种情况就是最外层设置一个div盒子,宽度100%,高度1 ...
vue学习笔记一：vue项目中设置背景图片
这几天在用vue开发一个项目,真的是到处都是坑啊,就连设置图片背景,也和前面用的不一样了,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来, background:url( ...
vue动态style添加背景图backgroundImage，结合computed
一.vue涉及到图片需要用require,注意单引号/双引号的使用 <template v-for="(item,index) in menu"><div :ke ...
Vue项目中设置背景图片方法
例如css样式 background:url("../../assets/head.jpg"); 1.在data中定义如下: export default { name: 'pro ...
react style 设置背景图片
快速搞定 <div style={{backgroundImage: "url(" + require("./images/bg.jpg") + &quo ...
vue中设置背景图片的方式
vue中设置背景图片直接设置背景图片动态设置背景图片直接设置背景图片 1.在data中声明背景图片相关配置 export default {data () {return {// 顶部导航背景图 ...
Vue 设置背景图片样式
Vue 设置背景图片样式 CSS 效果图 CSS <style> body{background-image: url('./bg.jpg');background-size: cover ...

vue动态style设置背景图片

vue动态style设置背景图片相关推荐

最新文章

热门文章