How to quickly get the value of a data variable in vue 2 when debugging in developer tools?

Question

when I am using developer tools in google chrome, in Sources tab, when I hover mouse cursor on a variable like newVal, it shows its value:

With the following code

  watch: {
    checkedConfigInDialog(newVal, oldVal) {
      debugger;
      this.dialogAddConfigNodeButtonEnabledDisabled = !newVal;
    }
  },

export default {
  data() {
      return {
        dialogAddConfigNodeButtonEnabledDisabled: true
      }
 }

It doesn't work for this.dialogAddConfigNodeButtonEnabledDisabled, which is defined in vue's data(); I can find dialogAddConfigNodeButtonEnabledDisabled in this, but it is inconvenient as there are too many variables in this to go through:

How to quickly and easily get the value of dialogAddConfigNodeButtonEnabledDisabled when debugging?

Here is the screenshot of my vue devtools: