在Vue中如果想要进行调试时,如果是在js中调试的话,可以直接添加一个debugger,然后在浏览器中打开检查进行断点调试。
但是如果在vue界面的话则没法逐步查看变量的值。
解决方法:使用外部浏览器调试
打开项目的vue.config.js,修改configureWebpack,添加
devtool: '#eval-source-map',
完整配置代码
configureWebpack: {
name: name,
devtool: '#eval-source-map',
resolve: {
alias: {

本文介绍如何在Vue项目中通过修改vue.config.js的devtool设置,启用eval-source-map来实现Vue界面的变量查看调试。只需几步配置,即可在需要的地方添加debugger进行细致调试。
最低0.47元/天 解锁文章
1806





