vue中ref的使用（this.$refs获取为undefined）

如果你获取到的总是空的，你注意一下：

1、你在哪里调用，和你调用的对象

试试在mounted（）里面调用有效果没有

调用的对象是本来就存在的，还是需要数据渲染之后才会出现的，同理，在mounted（）里面调用看看

2、调用对象是不是数组列表

我一开始设置ref在v-for列表上，直接获取this.$refs.name.style，永远是空的，

后来才发现，this.$refs.name是一个数组，无法通过 .style 获取样式，

只能遍历这个this.$refs.name数组，在this.$refs.name[index]上设置样式

// 6.14 更新，这个说法有点问题

但是像高度宽度，可以通过offsetHeight，等来获取。

3、调用对象是否和v-if结合使用

ref不是响应式的，所有的动态加载的模板更新它都无法相应的变化。

解决方案：

　　通过

setTimeout(() => {

　　　　}, 0)

来得到数据

转载于:https://www.cnblogs.com/xiaoleilei123/p/10855088.html

vue中ref的使用（this.$refs获取为undefined）相关推荐

vue中ref 的使用
在vue 中 ref 和 refs 的使用: <ul ref="ul" class="his-list listItem" style="pa ...
vue 文件转换二进制_在vue中使用axios实现post方式获取二进制流下载文件(实例代码)...
需求点击导出下载表格对应的excel文件在 vue 项目中,使用的 axios ,后台 java 提供的 post 接口 api 实现第一步,在 axios 请求中加入参数,表示接收的数据为二进 ...
Vue中ref的用法：获取DOM 父获取子数据父使用子方法子调用父方法
获取本页面dom元素 <template><div id="app"><div ref="testDom">11111< ...
VUE中 ref $refs 使用详解，扩展到$parent 、$children 的使用
$refs 的使用方法就是在元素或组件标签上添加ref属性指定一个引用信息,引用信息将会注册在父组件的$refs对象上,在js中使用$refs来指向DOM元素或组件实例: 应用一:在DOM元素上使用$ ...
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值.在Vue中,我们不用获取dom节点,元素绑定 ...
Vue中ref和$refs的介绍与使用
之前没怎么注意 ref 的使用.后来一次结合 for 循环使用.才发现 ref 的使用细节满满.于是就总结了一下. ref作用用来给元素或者子组件注册引用信息.引用信息将会注册给父组件的$refs对 ...
【vue】vue中ref用法
1.获取当前元素: 例子: <div class="pop pos-a" :style="{ left: pop_x + 'px' ,top: pop_y + 'p ...
vue中dom元素和组件的获取
Vue中获取DOM元素 <div id="app"><input type="button" value="获取元素" @ ...
Vue中ref的作用？？？
为什么出现ref 在没有学习Vue之前,我们实现直接操作页面上的DOM元素都是通过JS/jQuery,因为jQuery对DOM元素的操作非常的方便但是学习了vue之后就比jquery更方便所以它 ...
vue中ref的使用
众所周知,原生js获取DOM元素是很麻烦的,需要用如:document.getElementById这么长的API来获取,于是jQuery应运而生,$("#id")的使用使我们的操 ...

vue中ref的使用（this.$refs获取为undefined）

vue中ref的使用（this.$refs获取为undefined）相关推荐

最新文章

热门文章