Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 如何获得dom';在vue中加载时的高度? 用户1 挂载:函数(){ 此.nextTick(()=>{ 控制台日志(此高度为$el.height); });_Vue.js - Fatal编程技术网

Vue.js 如何获得dom';在vue中加载时的高度? 用户1 挂载:函数(){ 此.nextTick(()=>{ 控制台日志(此高度为$el.height); });

Vue.js 如何获得dom';在vue中加载时的高度? 用户1 挂载:函数(){ 此.nextTick(()=>{ 控制台日志(此高度为$el.height); });,vue.js,Vue.js,它给出了dom的未展开img的高度 如果img显示的不是此高度。 如何获得正确的高度?在高度可用之前,您必须等待图像加载: 用户1 方法:{ onLoad(){ console.log(这个$el.clientHeight) } } 如果有更多的IMG,那么您必须为每个图像执行此操作,或者将其封装在一个组件中。 <div class="avator"> <div class="avator-image"><img src="user1.png" />

它给出了dom的未展开img的高度

如果img显示的不是此高度。
如何获得正确的高度?

在高度可用之前,您必须等待图像加载:


用户1
方法:{
onLoad(){
console.log(这个$el.clientHeight)
}
}

如果有更多的IMG,那么您必须为每个图像执行此操作,或者将其封装在一个组件中。
<div class="avator">
    <div class="avator-image"><img src="user1.png" /></div>
    <div class="label">user1</div>
</div>

mounted:function(){
    this.nextTick(()=>{
        console.log(this.$el.height);
    });