vue错误：Property or method "**" is not defined 和 Invalid handler for event "click"

Property or method "**" 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. 

found in

---> <SysUser> at src\components\**
       <ElMain>
         <ElContainer>... (1 recursive calls)
           <Home> at src\components\**
             <App> at src\App.vue
               <Root>
 

 Invalid handler for event "click": got undefined

found in

---> <ElButton>
       <ElHeader>
         <ElContainer>
           <SysUser> at src\components\**
             <ElMain>
               <ElContainer>... (1 recursive calls)
                 <Home> at src\components\**
                   <App> at src\App.vue
                     <Root>

 

问题分析：

通过错误提示可知，方法或特性未定义，却被引用了。点击事件处理方法是无效的。

有两种可能，一种是未定义相应的方法却引用了，另一种就是定义了，但是定义的名字和引用的名字不一致。

解决方法：

通过错误提示可以知道未定义的方法的名字，同时，也能定位到产生错误的位置。

找到相应的位置，查看代码。

未定义的定义，名字不一致的改为一致。