如果你获取到的总是空的，你注意一下：
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)
来得到数据
免责声明：文章转载自《vue中ref的使用（this.$refs获取为undefined）》仅用于学习参考。如对内容有疑问，请及时联系本站处理。
上篇Kubernetes 系列（八）：搭建EFK日志收集系统【无限滚动加载数据】—infinite-scroll插件的使用下篇
宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=
事件分为原生事件和自定义事件。 vue里在自定义的组件上定义的事件，都被认为是自定义事件，必须用$emit()来触发。 这也是子组件向父传值的原理。 如果想作为原生事件，需要在原生事件后面加上.native 就可以了。然后就可以触发父级的fatherClick函数了。...
第 1 章: 准备 1.1. 项目描述 1) 此项目为外卖 WebApp(SPA) 2) 包括商家, 商品, 购物车, 用户等多个子模块 3) 使用 Vue 全家桶+ES6+Webpack 等前端最新最热的技术 4) 采用模块化、组件化、工程化的模式开发 1.2. 项目功能界面 1.3. 技术选型 1.4. 前端路由 1.5. API...
import： html文件中，通过script标签引入js文件。而vue中，通过import xxx from xxx路径的方式导入文件，不光可以导入js文件。“xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。“xxx路径”指的是文件的相对路径. src下有components,router文件夹和App.vue文件,comp...
一、在Vue中编写插件流程 1、创建组件 components/message.vue <template> <div v-if="isShow"> <span>{{message}}</span> </div> </template> <...
近期做了一个功能，是接入一个海康的摄像头的监控视频，怎么获取m3u8的视频这里就不在叙述了，只说一下怎么将m3u8格式的视频成功播放 一、m3u8和HLS介绍 1.M3U8文件是指UTF-8编码格式的M3U文件。M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放。 2.HLS 与...
protected void ByteToString_Click(object sender, EventArgs e) { string content = this.txtContent.Text.ToString(); if (string.IsNullO...