原因：this.$refs.inputTitle中inputTitle是一个数组，因此需要指定某一项的索引号解决方法在inputTitle后面加个[0]，其中0代表当前项的索引号this.$refs.inputTitle[0].focus()
TypeError: this.$
ref
s.activity.openDialog is not a
function
"。父
组件
ref
调用子
组件
的坑。
报错
的时候，
首先查找，子
组件
引入进来是否注册。
其次查找子
组件
是否写在根目录，div包裹。
再查找，这个方法是写在哪里。如果在created里，是被
报错
的，要写在mounted中，此时dom已加载好。如果写在methods中，需要用。this.$nextTick()回掉，或者用定时器 setTimeout(()=>{ },500)
还要检查是否
在平时的开发过程中，我们总是先写好一个
组件
，然后在需要的页面中用 import 引入即可，但如果是下面这种类型的
组件
呢:backhand_index_pointing_down:
上面这种类型的浮层提示有一个很大的特点，就是
使用
频率特别高，几乎每个页面都会用到它，于是乎我们就要在每个页面中去引入该
组件
，并且在每个页面都得通过一个变量来控制它的显隐，这显然不是我们想要的:person_gesturing_NO:。。。那我们想要的是什么样呢:thinking_face:？用过一些 UI 框架的同学们应该知道有这样一种用法：
this.$toast({
duration: 3000,
content: '这是一条消息提示'
没错，就是这么简单的一句话就万事大吉了（就是用 js 调用
组件
而已啦:face_with_monocle:）。那
最近在项目中偶然碰到了一个问题，同一个页面
组件
，在不同的操作中进行展示，突然发现，页面的数据没有变化，意思就是我的
组件
没有进行数据
刷新
。经过各种尝试，终于
解决
，现将方法共享出来：
vue
本来就是一个数据双向绑定的框架，而页面在初始化完成渲染过后，如果没有命令介入，有时候及时数据有变化也不会触发页面的重新渲染。当我们在调用同一个
组件
的时候，如果调用的数据是通过同一个字段或者属性获取而来并且这个字段或者属性没有发生变化的时候，
组件
自身是监控不到数据的实际变化的。这个时候就...
先看图说话，
vue
报错
Ref
used to apply style from ‘http://
xxx
static/css/chunk-elementUI.ded27da0.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
GET http://192.168.
xxx
/static/js/app.d42ea2ce.js n
