前言
用vue 写移动端代码,有个报名页面
就在iOS 9下出现问题,vue的循环渲染都正常,一开始的数据也能取到。证明不是vue的兼容性问题
但是在用户点击按钮发现不能点击进入跳转
工具
推荐使用 vConsole 这个 可以在移动端调试的
解决过程
npm install vconsole
使用webpack,然后js代码中
import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole let vConsole = new VConsole() // 初始化
或者找到这个模块下面的 dist/vconsole.min.js
,然后复制到自己的项目中
<head> <script src="dist/vconsole.min.js"></script> </head> <!--建议在 `<head>` 中引入哦~ --> <script> // 初始化 var vConsole = new VConsole(); console.log('VConsole is cool'); </script>
然后用这个办法
for(let i=0 ; i<array.length ; i++){ ... }
所幸这样的数组它的 .length值是正常的。我们就可以采用这种报数的写法去完成遍历。