sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > Vue.js > vue 动态高度[vue.js如何动态设置元素高度]

vue 动态高度[vue.js如何动态设置元素高度]

作者:cuteur发布时间:2023-06-23分类:Vue.js浏览:评论:0


导读:vue.js动态设置元素高度的方法:【<div:style="{width:divWidth,height:divHeight}"><...

vue.js动态设置元素高度的方法:【<div :style="{width: divWidth, height: divHeight}"></div>data() {//存放数据}】。

vue.js如何动态设置元素高度

本文操作环境:windows10系统、vue.js 2.9、thinkpad t480电脑。

话不都说,直接上代码:

vue代码:

<div :style="{width: divWidth, height: divHeight}"></div>

data数据:

data() {
    //这里存放数据
    return {
        divHeight:0,
        divWidth:0
    }
},

created方法赋值

created(){
    let divWidth = document.body.clientWidth+"px";
    let divHeight = document.body.clientHeight-130+"px";
    this.divWidth = divWidth
    this.divHeight = divHeight
},

推荐学习:php培训

以上就是vue.js如何动态设置元素高度的详细内容,更多请关注知识分享网其它相关文章!


欢迎 发表评论:

Vue.js排行
«    2024年6月    »
12
3456789
10111213141516
17181920212223
24252627282930
标签列表
网站分类
文章归档
最近发表
推荐文章