欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

报错:属性或方法“xxxx”对应的数据没有找到

程序员文章站 2024-02-21 23:29:52
...

报错:

Property or method "xxxx" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

直白翻译:

属性或方法“xxxx”不是在实例上定义的,而是在呈现过程中引用的。通过初始化该属性,确保该属性是反应性的,无论是在data选项中,还是对于基于类的组件。

报错原因:

直白翻译中已经能看出大致意思了

属性或方法“xxxx” 对应的数据没有找到,你应该在 date 里面写上对应的数据, 还要检查代码结构是否完整

检查方法推荐:(绝大多数错误都出现在下面三种之中,***:细心)

如下,我随便写下,大致明白我的意思就行。只是提供找错误的方向

1. 检查代码结构是否完整:本人就是吃了这个亏

  ###### 如标签是否封闭 单词是否正确
<template>
    
</template>
<script>
    export default {
        props: {},
        data() {
            return {}
        },
        methods: {
            
        }
    }
</script>

2.检查是否在data() 中定义和data方法是否写正确

data() {
  return {
      test:' '
 }
}

3.检查methods方法和单词是否写错

methods: {
          
}