在 vue 中用 document 获取 dom 节点进行节点样式更改的时候有可能会出现 'style' is not definde的错误，这时候可以在 mounted 里用 $refs 来获取样式，并进行更改：
<template>
<div style="display:block" ref="abc"></div>
</template>
<script>
export default{
mounted(){
console.log(this.$ref.abc.style.cssText)
}
}
</script>
上面的结果是：display:block
例如：我们想给一个div动态设置高度，这个高度等于页面的高度
var p=$(window).height();
方法是：this.$ref.abc.style.height=p+"px"
exportdefault{mounted(){console.log(this.$refs.abc.style.cssText)}}
exportdefault{mounted(){console.log(this.$refs.abc.style.cssText)}}
网友评论