2017-08-16 161 views
0

我使用framework7最后一个版本,和我的应用程序层次framework7的问题是这样的:用手风琴

VUE路由器视图, VUE儿童路由器视图中加载,那些孩子的 一个是framework7应用程序的根, 当我在“作为组件的框架的根目录”和任何其他组件之间导航时,手风琴动画开始卡住并且没有控制台意外动作错误其他的framework7动画工作正常,除了手风琴之后的导航,但它在导航完成之前运行良好。

我尝试用在vue组件充当根framework7应用

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

2天搜索的在这里重置的一切: 我发现,当u与framework7和VUE JS工作组件最好避免内联页面(DOM缓存)和使用更好的动态页面,因为我从论坛和我读的帖子理解,并通过将内嵌页面转换为动态页面修复问题。