Cordova 如何将ref调用到mounted函数中 安装的(){ var n=此。$refs.input }

Cordova 如何将ref调用到mounted函数中 安装的(){ var n=此。$refs.input },cordova,vue.js,Cordova,Vue.js,它说: 挂载挂钩中出错:“TypeError:无法读取未定义的属性'input'” 有没有办法获得输入的值? 提前感谢检查您是否实际使用该组件-导入后是否将其添加到组件中?来自: 关于ref注册计时的一个重要注意事项:由于ref本身是作为render函数的结果创建的,因此您无法在初始渲染时访问它们-它们还不存在 看来装载的事件太早,无法获取$refs。将此代码移近实际需要输入标记值的位置。您可以使用另一种方法。 在子组件的mounted方法中创建一个事件(如this.$emit('loaded'

它说:

挂载挂钩中出错:“TypeError:无法读取未定义的属性'input'”

有没有办法获得输入的值?
提前感谢

检查您是否实际使用该组件-导入后是否将其添加到
组件中?

来自:

关于ref注册计时的一个重要注意事项:由于ref本身是作为render函数的结果创建的,因此您无法在初始渲染时访问它们-它们还不存在


看来装载的
事件太早,无法获取
$refs
。将此代码移近实际需要输入标记值的位置。

您可以使用另一种方法。
在子组件的
mounted
方法中创建一个事件(如
this.$emit('loaded');
),并使用组件中的函数获取
$ref

我应该导入什么?f7输入-显然您的组件没有使用Itahm.。先生,我认为framework7已经在main.js中导入了,或者有其他方法吗,谢谢
<f7-input ref="input" placeholder="Enter a location" type="text"></f7-input>

mounted(){
  var n = this.$refs.input
}