vue一进入页面浏览器就报错，但功能使用正常？

Question

一进这个页面就会弹这个错误“Property or method "dialogVisible02" is not defined on the instance but referenced during render.”，但是后面使用是没问题的也不会报错

查看代码没发现问题，但是功能使用也正常

Answer 1

检查一下 script 块中的 data 部分，看报错信息，你在 template 中使用了 dialogVisible02 但是没有在 data 中声明。

<template>
  <el-dialog :visible.sync="dialogVisible02"> <!-- 模板中使用了 dialogVisible02  -->
   ...
  </el-dialog>
</template>
<script>
export default {
  data() {
    dialogVisible02: false // 检查是否有这个声明
  }
}
</script>

补充：我觉得 OP 还是比较需要通读一下 Vue 的 🔗 入门引导 以及 🔗 深入响应式原理

Answer 2

dialogVisible02没有在data中注册