Vue:相同的路径相同的组件,但不同的参数

时间:2018-05-10 08:14:45

标签: vue.js vue-component

我正在创建SPA,在每次HTTP响应之后,应用程序将使用相同的路径转到相同的组件,但传递给组件的props将根据响应而不同。我理解Vue中的重用功能,它不会重新加载。但每次触发路由器转到组件时,我都需要新返回的数据。我的app.vue:

upload(formData).then(x => {
    router.push({
        name: 'Chart',
        params: {
            chartData: x
        }
    });
});

然后是目标Chart.vue:

props: ['chartData'],
data: function() {
    // do some processing using props
    return {...}
}

我的问题是,因为对于我的路由器,路由没有改变,因此其他方法如使用:key = $ route.fullPath或beforeRouteUpdate不起作用。那么如何让Chart组件重新计算数据呢?我已经通过计算()观看进行了检查,但它无效。

0 个答案:

没有答案