首页 > 其他分享 >父组件访问子组件的方法或者data数据,经常出现访问失败的解决方案

父组件访问子组件的方法或者data数据,经常出现访问失败的解决方案

时间:2022-11-07 14:57:55浏览次数:51  
标签:handleAsync data refs 访问 res 组件 方法

往往我们在开发项目时都经常用到 $refs 来直接访问子组件的方法,但是这样调用的时候可能会导致数据的延迟滞后的问题,则会出现bug。

解决方法则是推荐采取异步回调的方法,然后传参进去,严格遵守vue的生命周期就可以解决 推荐 es6 的promise。

示例代码:


handleAsync () {

    return new Promise(resolve=>{

       const res="";

        resolve(res)

})

}



async handleShow() {

    await this.handleAsync().then(res=>{

    this.$refs.child.show(res);

})

}

标签:handleAsync,data,refs,访问,res,组件,方法
From: https://www.cnblogs.com/Sultan-ST/p/15514248.html

相关文章

  • 使用Web Component自定义组件
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="widt......
  • DataGear 自定义数据可视化图表
    DataGear内置了很多常用的图表(折线图、柱状图、饼图、散点图、雷达图、地图等等),能满足大部分数据可视化需求,当内置图表无法满足时,则可以通过自定义图表或插件的方式,实现特......
  • java问题处理---若依框架下对某个url权限放开,登陆后访问403 Forbidden
    问题情景:  在若依框架下搭建了一套前后端代码,对某个url放开权限,后端SecurityConfig进行如下配置但当登陆系统后,请求放开权限的url,403报错。解决方案:参考:https://gi......
  • 基于 MinIO 部署单实例 Databend | 新手篇(1)
    MinIO是个高性能,云原生的对象存储。它提供了与AmazonS3云存储服务兼容的API,使用MinIO为机器学习、分析和应用程序数据工作负载构建高性能基础架构。轻量,操作简单。D......
  • Databend 集群部署 | 新手篇(2)
    在单机模式下我们部署了databend-meta和databend-query两种角色(参考:基于MinIO部署单实例Databend|新手篇(1)),其中databend-query是计算节点,无状态模式,这种架构也有......
  • 组件之间的通信
    在vue开发中,组件通信尤为重要,特别是父子之间的组件通信一、父组件传递给子组件把父组件的信息,数据传给子组件,在子组件上面展示,这时候需要props即可完成二者之间的通......
  • vue在线预览word,excel , pdf组件化
    方法一:如果文件是域名的,可以使用微软免费接口//由于免费的在线查看,不支持ip+端口的形式所以单独处理this.dialog.url='http://view.officeapps.live.com/op/view.aspx?s......
  • windows10安装wsl的centos7版本,并启动ssh服务远程访问
    1.安装wsl的centos版本wsl是什么就不多说了,不清楚的自己去谷歌吧。也可以参考下面几篇文章:[https://learn.microsoft.com/zh-cn/windows/wsl/install-manual](microsoft......
  • The Social Web: data representation
    参考链接:clickhere本次assignment所用的jupyterbook为a2_datarep.ipynb:{"cells":[{"cell_type":"markdown","metadata":{"id":"dcMf4aubeMI9......
  • 论文笔记 - SELECTION VIA PROXY: EFFICIENT DATA SELECTION FOR DEEP LEARNING
    motivation现存的dataselection效率不高的主要原因是模型过大,获取数据表征进行数据选择效果并不高(例如大模型进行反向传播本身就比较耗时,想要靠梯度进行数据选择效率是......