[vue.js]监听数据修改,实时获取DOM高度
[vue.js]监听数据修改,实时获取DOM高度改变高度,但是不管怎么获取,获取的都是内容修改前的高度解{{mtitle}}
...watch:{mtitle(newval,oldval){letthat=thisVue.nextTick(function(){//DOM更新letpercent=parseFloat(that.$refs.text.offsetHeight/(1263*0.9)).toFixed(2);//计算高度比console.log(percent);that.$emit("changetextheight",percent,that.id);//调用父组件方法来实时改变外层div的高度});}},重点是Vue。nextTick(function(){})的调用一开始无法获取实时高度,因为nextTick函数没有封装在外层,所以在DOM更新之前获取高度。Vue.nextTick在下一个DOM更新周期结束后执行。延迟回调。修改数据后立即使用此方法获取更新后的DOM。我们可以理解为一个Promise,它会在DOM更新后执行函数中的内容