移动端使用 vConsole调试

时间 2019-12-20

标签移动使用 vconsole 调试栏目无线繁體版

原文原文链接

前言

用vue 写移动端代码，有个报名页面vue

就在iOS 9下出现问题，vue的循环渲染都正常，一开始的数据也能取到。证实不是vue的兼容性问题webpack

可是在用户点击按钮发现不能点击进入跳转web

工具

推荐使用 vConsole 这个能够在移动端调试的npm

解决过程

npm install vconsole数组

使用webpack，而后js代码中工具

import VConsole from 'vconsole/dist/vconsole.min.js' //import vconsole
let vConsole = new VConsole() // 初始化

或者找到这个模块下面的 dist/vconsole.min.js ，而后复制到本身的项目中spa

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

移动端 使用 vConsole调试

前言

工具

解决过程

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

移动端使用 vConsole调试

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