Vue.js 内联样式绑定style

Posted 尼古拉斯-富贵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js 内联样式绑定style相关的知识,希望对你有一定的参考价值。

html

<div class="Menu" v-bind:style="{height:clientHeight}">
 </div>

js

    data(){
        return{
            clientHeight:‘‘, 
        }
    },
    mounted(){
        var h= document.documentElement.clientHeight+px
        this.clientHeight=h
    },
动态改变元素高度

 


以上是关于Vue.js 内联样式绑定style的主要内容,如果未能解决你的问题,请参考以下文章

v-bind指令动态绑定内联样式(style)

Vue.js style(内联样式)

Vue.js Class 与 Style 绑定

vue动态绑定class

Vue.js style (内联样式)

Vue.js Class与Style绑定