m0_73269192 2023-03-06 10:38 采纳率: 43.5%
浏览 29
已结题

vue子父组件数据传递问题


<a-modal @ok="handleOk" v-model="huawuvisible" title="设置"  width="60%">
      <yefu-install ref="YefuInstall"></yefu-install>
    </a-modal>

点击设置后,通过ref跳到另一个vue,设置完数据后,点击确认调handleOk方法,请问如何把另外一个vue设置的数据传到这个页面方法里?

  • 写回答

1条回答 默认 最新

  • 关注

    方法很多 ref 方式 你有两个vue文件 分别为 dom.vue text.vue 然后最外面还有一个父组件 你就可以用父组件引入这两个vue文件
    然后 dom.vue 定义ref为dom 在dom.vue中定义一个 函数 叫getData 返回需求传递的数据 然后 在text.vue中定义一个setData 然后 通过this.refs.dom.getData这样调用两个组件的方法 实现传值

    还有就是通过父子传值

    vuex 直接设一个全局的值去接

    路由的话更简单 路由本身可以传值

    eventBos也可以 但不建议用eventBos

    vue的全局事件也可以实现传值

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月6日
  • 已采纳回答 3月6日
  • 创建了问题 3月6日

悬赏问题

  • ¥15 电脑开机过商标后就直接这样,求解各位
  • ¥15 mysql , 用自己创建的本地主机和用户名 登录不上
  • ¥15 关于#web项目#的问题,请各位专家解答!
  • ¥15 vmtools环境不正常
  • ¥15 请问如何在Ubuntu系统中安装使用microsoft R open?
  • ¥15 jupyter notebook
  • ¥30 informer时间序列预测
  • ¥20 SSR引物多态性分析
  • ¥15 大漠插件在Win11易语言注册调用和免注册灵异事件,VS上注册调用完全没问题
  • ¥15 Addressable缓存机制做热更新的问题