vue 的 this.$refs 为undefined

"关于 ref 注册时间的重要说明：因为 ref 本身是作为渲染结果被创建的，在初始渲染的时候你不能访问它们 - 它们还不存在！$refs 也不是响应式的，因此你不应该试图用它在模板中做数据绑定。"

也就是说 ref 只有等页面加载完成好之后你才能调用 this.$refs。

解决方法：

如果在method中，那么可以使用 this.$nextTick(() => {}) 等页面渲染好再调用，这样就可以了

vue 的 this.$refs 为undefined相关推荐

vue的$nextTick使用总结，this.$refs为undefined的解决办法，element Ui的树形控件setCheckedKeys方法无法使用
vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用参考文章: (1)vue的$nextTi ...
vue里碰到 $refs 的问题
记录困惑自己一个简单的问题...(瞬间感觉官方文档的强大) 在自己做的一个项目中,遇到一个列表页,根据id能进入详情页(动态匹配路由),详情页是单独的一个组件,在这个详情的组件里,我想获取内容给你区域 ...
vue里ref ($refs)用法
一.ref使用在外面的组件上 <div id="ref-outside-component" v-on:click="consoleRef">< ...
VUE中 ref $refs 使用详解，扩展到$parent 、$children 的使用
$refs 的使用方法就是在元素或组件标签上添加ref属性指定一个引用信息,引用信息将会注册在父组件的$refs对象上,在js中使用$refs来指向DOM元素或组件实例: 应用一:在DOM元素上使用$ ...
如何从stackoverflow的api 中获取是数据_如何修复Vue中的 “this is undefined” 问题
当我们使用 Vue 在愉快的开发项目的时候,突然报了一个错误: this is undefined 别担心,不只有你一个人,我也经常遇到这个问题很多次,接下我们一起来看看如何解决这个问题. 一个可能的 ...
Vue.js中$refs{}获取DOM元素
如果我们想获取DOM元素,一般使用js中的document.querySelector来获取这个dom节点,然后在获取元素的值,现在Vue提供给我们一种更便捷的方式来获取DOM元素-----$refs ...
vue中使用$refs获取不到DOM元素
this.$refs.xx 为 undefined 的几种情况: 1. 在created 钩子函数中调用: create()在实例创建完成后被立即调用.这时,实例已完成数据观测.属性和方法的元素,wa ...
vue 单元测试报错之 undefined is not a constructor (evaluating 'expect(vmComponent.count).toBe(1)')
下面是按照vue官方的例子,写的测试, // MyComponent.spec.js import Vue from 'vue' import MyComponent from '@/componen ...
Vue ref 和 $refs 获取元素宽高
Vue3当中获取方法一:借助 ref() 函数 (推荐) <div ref="box">我是div </div>import { ref,onMounte ...

vue 的 this.$refs 为undefined

vue 的 this.$refs 为undefined相关推荐

最新文章

热门文章