vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法

在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。

具体用法是：

　　　　先下载polyfill和browser的js文件

polyfill:  https://files.cnblogs.com/files/blogs/799367/polyfill.min.js?t=1699406116&download=true

 browser: https://files.cnblogs.com/files/blogs/799367/browser.min.js?t=1699406109&download=true

然后

　　　　引入polyfill和browser的js文件

1   <script src="./graphic_js/polyfill.min.js"></script>
2   <script src="./graphic_js/browser.min.js"></script>
3   <script src="./graphic_js/vue.min.js"></script>

接下来

　　　　在script标签上添加 type="text/babel" 就好啦

<script type="text/babel"> </script>

在做无缝滚动的时候发现在ie上出现了对象不支持"append"属性或方法的问题

 原因是选中的元素是父级,使用appendChild(),就完美解决啦

posted @ 2023-11-01 11:59  sakixi  阅读(287)  评论(0)    收藏  举报