html - Vuejs v-for 在更新 vuex 对象时重新构建

Question

我是 vuejs 的新手，我想在更新 vuex 对象后重新构建我的 v-for 循环。请参阅以下示例代码。

<div class="row search-result-row" v-for="report in reports" :key="report">
   <p>{{ report.description }}</p>
</div> 

这是我的 vuex 对象，名为 globalReports。当我将 globalReports 等同于 reports 时，它不起作用。

computed: {
    updateReports: function() {
        return  this.reports = this.$store.state.globalReports;
    }
},

如何在不重新加载页面的情况下执行此操作？

Answer 1

尝试使用 {{updateReports}}。 Computed 不会在它被监视或调用时执行，只是调用 {{updateReports}}

<div class="row search-result-row" v-for="report in reports" :key="report">
   <p>{{ report.description }}</p>
</div>
{{updateReports}}

并且不返回任何东西只是更新/分配 this.reports

的值

computed: {
    updateReports: function() {
        this.reports = this.$store.state.globalReports;
    }
},