Question

我无法从Vue中的计算道具或方法获取日志。这使调试很麻烦。我知道计算的属性会被缓存，但是方法不会被缓存，例如，这不会随时记录任何内容，但实际上它将更新属性。那为什么不记录日志？

,methods:{
  ,screw_dimensions: function(){
    console.log('test'); // TEST LOG

    var list = _.compact(_.map(this.screw_metrics_codes, function(code){
      var v = this.form.screw['metrics_' + code];
      console.log('test2'); // TEST LOG
      if(v && v.trim() != '') return code + '=' + v;
    }.bind(this)));

    if(list.length == 0) return '';
    return list.join(', ');
  }

  ,point_dimensions: function(){

    console.log('test'); // TEST LOG

    var list = _.compact(_.map(this.point_metrics_codes, function(code){
      var v = this.form.point['metrics_' + code];
      if(v && v.trim() != '') return code + '=' + v;
    }.bind(this)));

    if(list.length == 0) return '';
    return list.join(', ');
  }
}

稍后在html代码中，我当然称它们为{{ point_dimensions() }}之类，并且输出正常，但是我没有日志。

Answer 1

您可以在浏览器中使用内置调试器</ strong>或使用

debugger //make sure you have the devtool opened

代替

console.log('test'); // TEST LOG

如何记录Vue的计算属性或方法？

1 个答案: