vue 动态背景图片

在methods新增一个方法styleBg 在data定义一个背景样式styleObject对象

styleBg() {

var styleObject = {

background: "url(" + this.base_url + this.train.image + ")",

backgroundSize: "7.5rem" + " " + "4.2rem",

backgroundPosition: "top center",

backgroundRepeat: "no-repeat"

};

this.styleObject=styleObject;

vue 动态背景图片相关推荐

vue 绑定背景图片、图片
vue 绑定背景图片最外面的div 样式为 background-repeat:no-repeat; 不填充 <div class="login-container" ...
Vue 设置背景图片样式
Vue 设置背景图片样式 CSS 效果图 CSS <style> body{background-image: url('./bg.jpg');background-size: cover ...
Vue + element-ui 背景图片设置
Vue + element-ui 背景图片设置初学vue 看到其他网址都有些背景图片,于是试着自己也写了一下,表述不好请见谅实现效果以下是如何实现: 找到你想要设置背景图片的页面 data里设置 ...
Vue设置背景图片(全屏背景),实际操作与踩雷.
最近一直困扰我一个背景问题,也是Vue的项目,问题就是在Vue上添加一个好看的背景,每次去网上查的时候,几乎所有插过来的答案都是一样的,我一度怀疑他们理解的背景和我理解的背景是两个东西网上的答案: ...
Vue 设置背景图片
代码块 <template><div class="app-container" :style="backgroundDiv" /> & ...
vue 动态背景（星海）
项目需要做个动态背景直接放代码 html部分 <canvas id="space"></canvas> css: #space {width: 100% ...
vue动态拼接图片路径、img地址拼接问题 [模板字符串]
写vue写的不多,记录一下这个小坑知识点:es6模板字符串${} (一)需求: 使用vue根据后端传的json数组的某一字段来拼接img的src路径,动态的绑定img标签的图片,图片来源本地文件夹, ...
html5动漫动态背景图片,简单动画－让你的背景图动起来!!!
效果: body{ margin: 0px; height:100%; width:100%; background-image: url("bg.png"); backgroun ...
html放多张gif动态背景图片,美图秀秀上线“魔法照片”功能：静态图片秒变动态大片...
[TechWeb]6月5日,美图秀秀最新推出基于AI技术的隐藏功能-"魔法照片",包括头发流动.鲜花环绕.花瓣变身.滤色叠加.空间位移.火焰星云等10多种魔法效果,用户可以将静态照 ...
SAPUI5-Formatter实现动态背景图片
有点潦草,但应该能看懂两种方法实现图片的动态路径: 方法一: XML View 中使用src属性 <Image src="{imgModel>/location}"& ...

vue 动态背景图片

vue 动态背景图片相关推荐

最新文章

热门文章