vue 中用this.$refs获取dom元素高度，给eleme

作者: Mihansy | 来源:发表于2019-05-31 15:36 被阅读0次

先设置元素的ref，如 <div style="height: 500px" ref="tablewrap" ></div>，要获取该元素高度，必须先给该元素设置css高度

再用 window.getComputedStyle(this.$refs.tablewrap).height 获取

注意：用this.$refs获取dom元素高度，必须在mounted钩子中，如下：

mounted() {

console.log(window.getComputedStyle(this.$refs.tablewrap).height)

}

给element表格设置动态高度，就可以用上述方法

在data中定义变量

最后，在mounted钩子中设置表格的高度

vue 中用this.$refs获取dom元素高度，给eleme
先设置元素的ref，如，要获取该元素高度，必须先给该元素设置css高度再用 window.getComput...
Vue中获取dom元素之ref
ref Vue中可以通过ref属性绑定Dom元素，通过this.$refs获取页面中的Dom元素例：
7.Vue 操作dom
Vue操作dom：在Vue中获取dom，需要在dom上使用ref="名称"，然后通过：this.$refs.名称...
vue小点
1.获取dom元素通过设置ref：获取到元素并改变样式： this.$refs.budget.style.tr...
this.$refs 用于 vue 获取 dom元素
vue $refs 基本用法：返回一个对象，包括注册过【ref 特性】的所有dom元素和组件实例。 ...
Vue 中怎样获取具名 slot 的 DOM 节点
Vue 2.6版本以后子组件dom节点通过this.$refs.content.children[0] 获取 ...
vue获取dom元素的方法
在标签上给一个ref属性并赋值那么用this.$refs.collectionTag便可以获取单个的dom元素 ...
vue 容易忽略的点
关于this.$refs获取dom节点在mounted中使用this.$refs需要注意，虽然mounted表示d...
vue组件操作 ---ref --v-model
在组件上定义ref="名字",可以通过this.$refs.名字，，，获取dom元素。。例如下面：组件操作 ...
Vue $refs用法
$refs获取dom元素今天我们主要说一下几点1、vue 获取普通元素（基础）2、vue 获取列表（基础）一、v...