坑!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 "**"。
好,解决了!
坑!vue.js在ios9中失效的更多相关文章
- 首个vue.js项目收尾中……
前言: 4.26号入手vue.js+elementUI,迄今为止我们的工作应该可以暂时告一段落了:下周开始,又是新的“征程”. 过程:站在接近完成的角度来看这个项目,似乎的确有许多事情需要自己阐述. ...
- Vue.js源码中大量采用的ES6新特性介绍:模块、let、const
1 关于ES6 ECMAScript6(以下简称ES6)是JavaScript语言的最新一代标准,发布于2015年6月,因为ECMA委员会决定从ES6起每年更新一次标准,因此ES6被改名为E ...
- 添加谷歌拓展程序 vue.js devtools过程中的问题
在用vue做项目过程中,需要用到vue.js devtools,在从github上面clone下来代码,然后再npm install ,过程报错,然后更新npm包也是会有问题,以下是install的问 ...
- vue.js的学习中的简单案例
今天学习了近年来挺火的一门JS技术,叫vue.js下面是它的一个简单案例: <html> <head> <title>$Title$</title> / ...
- vue js 在组件中对数组使用splice() 遇到的坑。。。
遇到的问题: 用el-dialog写了个子组件 要实现在子组件中增删数据 点击确定后把值返回给父组件 父组件在每次点开子组件时都会把自己的值传进去. //父组件传值 this.$refs.transf ...
- Vue.js 2.x中事件总线(EvevntBus)及element-ui中全屏loading的使用
事件总线(Event Bus)可以在vue项目的index.js文件中创建,也可以在一个独立的.vue文件中创建.使用时,在各个子组件中引入该组件即可. 项目中的全屏loading较多时,可以在根组件 ...
- js放到head中失效的原因与解决方法
1.今天写js碰到一个奇怪的问题,写好的js放到body里面执行,但是放到head中没有任何效果,为什么导致这种原因呢? 看失效代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 ...
- Vue.js,select中的option用ajax想循环控制值的显示 v-model可以实现但提示报错,这是为什么?
应该将v-model换成:value,因为v-model只能绑定一个值,无法绑定多个值 <select v-model="citys"> <optio ...
- Vue.js中ref ($refs)用法举例总结
原文地址:http://www.cnblogs.com/xueweijie/p/6907676.html <div id="app"> <input type=& ...
随机推荐
- LiteIDE 在 Windows 下为 Go 语言添加智能提示代码补全
本文以 Windows 7 64 位为环境,go1.4.2.windows-amd64 和 liteidex27.2.1.windows-qt5 为例. 成功搭建开发环境后,发现 LiteIDE 没有 ...
- Python机器学习(1):KMeans聚类
Python进行KMeans聚类是比较简单的,首先需要import numpy,从sklearn.cluster中import KMeans模块: import numpy as np from sk ...
- 简单JNI使用demo
android中使用JNI的小例子,直接上代码. 首先是Java类JniClient,定义native方法,User实体类就不上代码了,就简单定义了三个属性,name.age.sex. package ...
- C++中 线程函数为静态函数 及 类成员函数作为回调函数
线程函数为静态函数: 线程控制函数和是不是静态函数没关系,静态函数是在构造中分配的地址空间,只有在析构时才释放也就是全局的东西,不管线程是否运行,静态函数的地址是不变的,并不在线程堆栈中static只 ...
- struts2:数据标签
目录 数据标签1. a标签2. set标签3. push标签4. bean/param标签5. date标签6. include标签7. url标签8. property标签9. debug标签10. ...
- flutter 环境安装以及配置
首先需要下载flutter源码,以下是github地址: https://github.com/flutter/flutter 然后需要安装git环境吧,下图红框可以自行下载安装 接下来需要安装flu ...
- 系统用户在Samba服务器中起一个别名
(1)通过/etc/samba/smbusers文件设置用户映射关系 如实列: # cat /etc/samba/smbusers # Unix_name = SMB_name1 SMB_name2 ...
- 一个正整数表示为n个连续正整数之和(第1届第2题)
题目要求 问题描述:一个正整数有可能可以被表示为 n(n>=2) 个连续正整数之和,如: 15=1+2+3+4+5 15=4+5+6 15=7+8 编写程序,根据输入的任何一个正整数,找出符合这 ...
- T-Pot平台Honeytrap蜜罐TCP/UDP服务攻击探测及实现自动化邮件告警
T-pot平台的Honeytrap可观察针对TCP或UDP服务的攻击,作为一个守护程序模拟一些知名的服务,并能够分析攻击字符串,执行相应的下载文件指令,当不产生TCP或者UDP协议的时候Honeytr ...
- vue使用node的入门
1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 验证是否安装 cnpm -v 2.安装vue cnpm ...