使用Vue Route从Vue.js 2上的Ajax获取页面模板

时间:2018-07-28 22:43:26

标签: vuejs2 octobercms

我正在使用CMS创建页面/博客/等,并尝试使用Vue.js创建SPA。

我快到了,唯一的问题是动态参数。让我显示一些代码:

//EXAMPLE ROUTE
var path = "/page/:category";
routes.push({ path: path,  
              component: getPageComponent(path)
           });


function getPageComponent(url) {

        return function(resolve, reject) {
            $.ajax(window.location.hash.replace("#",""), {
                cache: false,
                success: function(data, status, request) {

                    var components = parseComponentsList(data.components);
                    resolve({
                        template: data.template,
                        components: components,
                    });
                }
            });

        }
    };

快要工作了。唯一的问题是该函数仅执行一次。因此,如果我转到page / 1,将获得模板,在页面上显示,但是,如果我转到page / 2,page / 3,它将始终显示page / 1(我加载的第一个)。我该如何强制Vue每次在此路线上重新加载页面?

谢谢!

0 个答案:

没有答案