vue 动态获取浏览器内容高度并赋值给元素


用到的是vue  style绑定    其中   v-bind=:

以下是代码

<template>

<div class="hello">

 

  <div  :style="height"></div>

 

</div>

</template>

 

<script>

export default {
name: 'hello',
data () {
  return {
    height:{

      width:'200px',
      height:'',

      backguound:#ccc,

    }
  }
},
components:{
},
created(){
  this.hh()
},
methods:{
  hh(){


    this.height.height=window.innerHeight-153+'px';


  }
}
}

</script>


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM