export default开发组件，methods无法获取data内的变量

Question

js：

export default {
  data() {
    return {
      dialogVisible: false,
    };
  },
  methods: {
    handleEdit() {
      console.log(this.dialogVisible); // this指向methods，无法获取到data中的变量
    },
  },
};

部分模板代码：

<el-button size="mini" @click="handleEdit()">Edit</el-button>

错误：

请问在methods内的函数中，如何获取到data中的变量dialogVisible？

Answer 1

this.dialogVisible就可以获取了，但是前提是你必须使用在他所在的方法，也就是在前端代码里面调用handleEdit()方可
至于如何调用有很多方法，就比如说拿鼠标的点击事件来说

<button  @click="handleEdit()">点我调用</button>

打开控制台console，然后点击前端界面这个按钮后，控制台就有这个值了