时间戳

首页 > 解决方案 > 如何将值返回到另一个 Vue 文件的脚本中？或者如何将返回值发送到另一个 Vue 文件中？

javascript - 如何将值返回到另一个 Vue 文件的脚本中？或者如何将返回值发送到另一个 Vue 文件中？

问题描述

在主页上，我得到了我想要的值，它们已经是“time”和“breedKey”。现在，我如何在另一个 Vue 文件中使用它们，就像我接下来提供的示例一样

   data() {
        return {
          time:[]
        }
    },

    computed: {
       breedKey() {
         return this.breeds[this.currentBreed].key;
        }
      }

这是<script>我想将我的数据（breedKey，时间）传递到的子页面，我想使用这样的参数。不太确定逻辑是否太简单，或者有更好的方法吗？

async created() {
    try {
      this.promise = axios.get(
        "https://my-api/"
      );

标签： javascriptvue.jscomponentsparent-childreturn-value

解决方案

您可以使用props将它们从父母传递给孩子。

如果您必须导航，您可以使用vue-router并将它们作为路由的一部分传递，然后在第二页中检索它们

如果您想要一种更加解耦的通信方式，您可以使用EventBus或一直使用Vuex。

很可能您只需要将它们作为道具传递，因此声明一个声明了道具的孩子

export default {
 props:['breedKey', 'time']
}

然后通过它们

<ChildComp :breedKey="breedKey" />

推荐阅读