我懒，所以没有绑定失败的例子。
v-bind绑定背景图片，该容器（例如div）必须要设有width和height！不然你试试
正确绑定背景图片方式如下，直接上代码：
<template>
<div id="app">
<div
class="right-con"
:style="{backgroundImage: 'url(' + imgUrl + ')', backgroundSize:'500px 500px', height:'500px', width:'500px'}"
></div>
</div>
</template>
<script>
export default {
name: "App",
data() {
return {
imgUrl: require("./assets/123.jpg")
};
}
};
</script>
效果图：
我懒，所以没有绑定失败的例子。 v-bind绑定背景图片，该容器（例如div）必须要设有width和height！...
v-bind动态绑定class（对象语法） v-bind动态绑定class（数组语法） v-bind动态绑定sty...
本篇为Vue的基础篇，主要关于 v-bind: class与style的动态绑定。 1. 绑定 class 的几种...
Vue循环指令 Vue绑定指令： v-bind:style，v-bind:class： v-model双向数据绑定...
vue class 与 style 怎么动态绑定？关键字：v-bind 小程序的双向绑定和vue哪里不一样小程序直...
"vue里的属性" - 指令{{}}只能在innerhtml部分使用，要动态绑定属性，使用v-bind :styl...
v-bind： v-bind动态绑定指令，官方文档是这样来说的： 1.:v-bind动态绑定指令，默认情况下标签自...
v-bind基本用法 v-bind 绑定style 动态绑定class对象语法···...
关于Vue的v-bind指令还有其他的用法: 1.绑定style属性 2.动态绑定属性名 3.直接绑定对象 1.绑...
background-color&background-image 背景颜色&背景图片 背景图片默认平铺显示，背景...
本文标题：VUE v-bind动态绑定background背景图片不显示问
本文链接：https://www.haomeiwen.com/subject/lxhltktx.html
网友评论