• 坑!vue.js在ios9中失效


     坑!vue.js在ios9中失效!

      接到实现,在移动端生成一个分享链接,分享到微信,在微信中打开,加入!

      好,用vue实现----------------------->写代码-------------------------->测试------------------------------>没有问题---------------------------------->打包------------------------->测试-------------------------------->安卓---------------------->ios10---------------------->ios9-----------------------:不显示

          我操!啥原因?

          不会,赶紧搜呀!------------------------------------------------------>ios9不支持vue5语法---------------------------------------------------->将es6转换成es5

        

    vue在IOS9中不生效。S6 不能完全的呗浏览器兼用,所以我们可能需要转化成 ES5
    			问题:ios9无法识别es6语法
    			解决方法:将es6转换成es5
    			具体流程:
    				1:进入项目
    				2:找到要转换的js文件。(如果是在<script>标签中写的,要抽离出来,否则无法转换)
    				3:Babel的安装:---------------------------------------------------------------:npm install -g babel-cli // -g 表示全局安装到 nodejs 下的目录 
    				4:将 Babel 的转换插件安装到项目的目录中:-------------------------------------:npm install babel-preset-es2015 --save
    				5:执行手动转换命令:----------------------------------------------------------:babel es6.js(要转换的) --out-file es5.js(转换后) --presets es2015
    				6: 引用转换后的js.
    				7:OK,完美解决。
    			优化:
    				如果我们每次修改代码都手动转换太过麻烦,加个自动监听的参数:-w-----------------:babel es6.js -w --out-file es5.js --presets es2015
    				
    			其他解决方案:
    				也可以在浏览器端实时转换es6转换为es5:
    				1:下载转换组件库到项目的目录下:------------------------------------------------: npm install babel-core@5 --save
    					// 引入es6的代码 text/babel
    					<script type="text/babel" src="es6.js"></script>
    					<!-- 网页端实时转换 -->
    					<script type="text/javascript" src="node_modules/babel-core/browser.min.js"></script>
    					利用 browser-sync 实现实时刷新静态页面:
    
    				2:npm install -g browser-sync
    					// 启动3000端口,监听项目下的所有文件
    
    					browser-sync start --server --files "**"。
    

      好,解决了!

  • 相关阅读:
    访问修饰符
    SqlServer 查运行进程
    SqlServer 作业计时执行存储过程,杀超时进程
    VS快捷键操作
    sql server 命令
    vs 加载 dev控件
    TreeList显示[+] [-] 线条样式
    佳能MG2580S清零
    Dev WaitDialog 使用
    导出.txt / .pdf / .xls
  • 原文地址:https://www.cnblogs.com/w-s-l123/p/9729133.html
Copyright © 2020-2023  润新知