如何在组件解析函数

时间:2017-09-07 20:49:26

标签: javascript vue.js vue-router

我有一个使用异步组件的简单网站。这是一个例子:

Vue.component('news', function(resolve, reject){

    let data = {
        action: 'load_news_article',
        article_id: 0 // need the article ID here
    };

    $.post(window.ajax_url, data, function(r){
        r = JSON.parse(r);

        if( r.success ) {
            resolve({
                template: r.data
            });
        }
    });
});

我还有映射到此组件的动态路由。这些<router-link>网址看起来像/news/some-article。我在路由器中创建了路由/news/:article

如何在解雇我的ajax之前访问article变量?我的目标是将其与初始组件加载一起传递给服务器。如果Vue不允许这样做,那么除了让路由器导航页面之外,我无法想到任何其他方式,然后我用我自己的JS解析新的URL。

这是一个非常简单的网站。只有5个组件(每页一个),只有这一个是动态的。因此,我正在寻找一种不需要我彻底改造结构的解决方案。

0 个答案:

没有答案