Question

我遇到从组件获取数据的问题＆＃39; Overview.vue＆＃39;并显示在组件＆＃39; TopNavbar.vue＆＃39;

中

用户有部分，可以添加其中一些像收藏夹，你可以在下面的图片中看到它。

In＆＃39;概述＆＃39;组件我有一个将对象推入数组的方法，这个数组存储在data.user - object。

中

data () {
  return {
      user:{
       ..........................objects-objects
      'userConf': [],
      'email': 'Benno.Jaborek@abprod.dvag.de',
      'status': 'OK'
    },
  }
},
methods: {
  addToFavorites: function (event) {
    event.preventDefault()
    var getHref = event.target.parentElement.parentElement.href
    var getName = event.target.parentElement.children[1].innerText
    var isExist = (this.user.userConf).some(function (el) {
      return el.name === getName
    })
    if (!isExist) {
      this.user.userConf.push({name: getName, link: getHref})
    }
    console.log(this.user.userConf)
  },

当我循环遍历userConf数组时，我可以看到此组件中的更改，但是当我尝试从组件＆＃39; TopNavbar＆＃39; ，数据没有变化。

<li v-for="fav in this.getAddedFavorites">
    <a :href="fav.link">
      {{ fav.name }}
    </a>
 </li>

<script>

  import Overview from 'src/components/Dashboard/Views/Dashboard/Overview.vue'
  export default {
    components: {
      Overview
    },
    data () {
      return {
        getAddedFavorites: Overview.data().user.userConf,
        activeNotifications: false
      }
    },
    computed: {
      getEl: function () {
        console.log(this.getAddedFavorites)
        // shows empty Array
      }
    },

vue-dashboard

如果有人可以帮助我，我会很高兴，因为我第二天一直在努力解决这个问题：）

如何在VUE js中将一个组件从一个组件变为另一个组件

0 个答案: