我正在使用 framework7上一个版本,我的应用层次结构就是这样:
vue router-view, vue children在router-view中加载, 其中一个孩子是framework7应用程序的根, 当我在"之间导航时,框架7的根是一个组件"任何其他组件,手风琴动画开始卡住并且没有控制台意外行动错误其他framework7动画在导航后除手风琴外工作正常,但在导航完成之前它很有效。
我尝试重置vue
组件中的所有内容,该组件充当framework7
app的根目录
export default {
data() {
return {
appIsRdy: false
}
},
mounted() {
this.$store.state.f7.f7Obj = new Framework7({
root: '.f7root'
});
this.$store.state.f7.$$ = Dom7;
this.$store.state.f7.mView = this.$store.state.f7.f7Obj.addView('.view-main', { domCache: true });
this.appIsRdy = true;
},
components: {
MainPage,
RedditPage
},
beforeDestroy() {
this.$store.state.f7.f7Obj = null;
this.$store.state.f7.$$ = null;
this.$store.state.f7.mView = null;
this.appIsRdy = false;
}
}
答案 0 :(得分:0)
: 我发现当你使用framework7和vue js组件时最好避免带有(DOM缓存)的内联页面并使用更好的动态页面,因为我从论坛和帖子中了解到我阅读并通过转换内联页面来解决问题/ strong>至动态页面。