vue子父组件数据传递问题

Question

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

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

Answer 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的全局事件也可以实现传值