移动端使用 vConsole调试

前言

用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值是正常的。我们就可以采用这种报数的写法去完成遍历。

移动端 使用 vConsole调试

前言

工具

解决过程

注意 ：这里有个问题，不是所有的用到for(let i in array)的地方都需要这样处理，object类型的必须使用这样的遍历循环。

移动端使用 vConsole调试

注意：这里有个问题，不是所有的用到for(let i in array)的地方都需要这样处理，object类型的必须使用这样的遍历循环。