我用vue绑定的内联样式,这样写完以后渲染出来的东西,我的div直接没有style了,是怎么回事啊。

//HTML代码

<div id="app10">
     <div v-bind:style="[background,width,height]">啦啦啦啦啦了</div>
 </div>

//js代码

var app10=new Vue({
    el:"#app10",
    data:{
        background:'red',
        height:'50px',
        width:'50px'
    }
})

我期待的结果是:

<div id='app10'>
     <div style="background:red;height:50px;width:50px">
     啦啦啦啦啦了
     </div>
</div>

渲染结果为.,

<div id='app10'><div>啦啦啦啦啦了</div></div>

回答:

请看demo:
Style绑定

回答:

<div id="app10">
     <div v-bind:style="style">啦啦啦啦啦了</div>
 </div>

var app10=new Vue({
    el:"#app10",
    data:{
       style: {
           background:'red',
           height:'50px',
           width:'50px'
       }
    }
})

应该这种写法?

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注