cordova 如何将ref调用到已挂载的函数中

htrmnn0y 于 2022-11-15 发布在其他

关注(0)|答案(3)|浏览(120)

<f7-input ref="input" placeholder="Enter a location" type="text"></f7-input>

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

它说：
挂接时出错：“类型错误：无法读取未定义”的属性'input'
有没有办法得到输入的值？提前感谢

3条答案

来自Vue文档：
关于参考配准时序的重要说明：因为refs本身是作为render函数的结果创建的，所以在初始渲染时无法访问它们--它们还不存在！
mounted事件似乎太早了，无法抓取$refs。请将此程式码移近您实际需要input标签值的位置。

检查您是否真的在使用该组件-导入后是否将其添加到components中？

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