问题描述
我在一个使用requirejs和jquery构建的网站上工作。我正在尝试使用requirejs-vue
引导vuejs,并在URL的路径中创建SPA(现有的应用程序使用jquery运行,“ / vueapp”将启动Vue SPA)。
这是我到达“ / vueapp”时触发的控制器功能:
$('body #content').empty().append('<div class="vue-eReg-container"><div id="vue-app-e-reg" /></div>');
require(['app/views/vue/e-reg-vue-app/starter'],function (starter) {
if(app.data.eRegVueAppRef) {
app.data.eRegVueAppRef.$destroy();
app.data.eRegVueAppRef = null;
app.datal('eRegVueAppRef',null);
}
starter({venueName: venueName,pmsFolioId: pmsFolioId});
$('#progressIndicator').modal('hide');
});
这是vue起始文件:
define(['Vue','vue','vuex','moment','jquery','showdown','es6-promises','es6-promises-auto'],function (Vue,vue,vuex,moment,$,showdown) {
return function(params){
Vue.use(vuex);
require(['vue!app/views/vue/e-reg-vue-app/components/container','app/views/vue/store/store'],function (vueApp,store) {
var vm1 = new Vue({
el:'#vue-app-e-reg',store: store,render: function(h){ return h(vueApp) }
});
app.datal('eRegVueAppRef',vm1);
});
}
}
);
每次我到达URL“ / vueApp”时,我都会注意到我的应用程序中的控制台日志数量不断增加,就好像同时运行多个Vue实例一样。我什至尝试在实例上执行$destory()
,但仍然不能解决问题。我该如何解决?
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)