framework7与vue组合遇到的问题解决

文章来自:源码在线https://www.shengli.me/javascript/57.html;

framework7官方提供的vue+framework的组合包,用起来复杂,而且bug也很多,所以在这里用嘴原始的方式单独使用vue和framework了。

遇到的问题及解决方案:

    

   1、framework7页面过度动画完成之前初始化vue,导致vue无法工作。(变量没有渲染的情况下)

         解决办法:应该深入研究framework7和vue底层代码。还有就是尽量页面动画完成后初始化vue。

         但是如果前一页也用vue,就没法反悔了。

    

   2、framework7的router跳转到新的页面,这个页面的代码无法使用普通的一个js、css引用的html文件。

        引用的js都放在主页面中导致加载的速度慢,而且希望一个html页面能单独的打开,也可以嵌入在单页程序里打开,现有的框架并不满足。

         解决方案:修改framework7代码,在router加载新的页面的时候,不仅像原始版本一样只加载class为page的div,把它改为能加载script和css到主页面,返回后再删除script和css,这样能实现嵌入完整的html页面到桌面程序。

    

   3.  vue初始化时会完全去掉dom上后添加的一些变量,从而使用vue的页面跳转到另一个页面,就无法返回。

        解决方案:修改vue.js,在vue初始化函数中,有个替换div的操作,在替换之后,把旧div上的变量再塞回去。代码如下:

 

猜你喜欢

转载自blog.csdn.net/hugejihu9/article/details/83089737