我有一个使用异步组件的简单网站。这是一个例子:
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个组件(每页一个),只有这一个是动态的。因此,我正在寻找一种不需要我彻底改造结构的解决方案。