1. 安装chrome插件:Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN)
 
2. 下载vue-devtools (https://github.com/vuejs/vue-devtools)
3. 修改文件:vue-devtools-master/shells/chrome/manifest.json
1
2
3
4
"background": {
        "scripts": [ "build/background.js" ],
        "persistent"false
    },
改成:
1
2
3
4
"background": {
        "scripts": [ "build/background.js" ],
        "persistent"true
    },
4. 打开vue项目,在控制台选择vue:
vue的测试(Vue.js devtool)
 
5. 可操作组件查看信息变化(例如分页组件)
 选择第一页:
 vue的测试(Vue.js devtool)
 
 选择最后一页:
 
vue的测试(Vue.js devtool)
 

 

 
 
1. 安装chrome插件:Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN)
 
2. 下载vue-devtools (https://github.com/vuejs/vue-devtools)
3. 修改文件:vue-devtools-master/shells/chrome/manifest.json
1
2
3
4
"background": {
        "scripts": [ "build/background.js" ],
        "persistent"false
    },
改成:
1
2
3
4
"background": {
        "scripts": [ "build/background.js" ],
        "persistent"true
    },
4. 打开vue项目,在控制台选择vue:
vue的测试(Vue.js devtool)
 
5. 可操作组件查看信息变化(例如分页组件)
 选择第一页:
 vue的测试(Vue.js devtool)
 
 选择最后一页:
 
vue的测试(Vue.js devtool)
 

 

相关文章:

  • 2022-01-04
  • 2021-11-27
  • 2021-04-04
  • 2022-12-23
  • 2021-05-21
  • 2021-10-02
  • 2022-12-23
猜你喜欢
  • 2021-11-29
  • 2021-09-14
  • 2022-12-23
  • 2021-04-01
  • 2021-07-02
相关资源
相似解决方案