Nuxt 无法读取 null 的属性（读取 '$route'）
Nuxt Cannot read properties of null (reading '$route')
我正在以这种方式创建条件事件处理程序：
<section>@mouseover="this.$route.path === '/' && imgHoverIn"</section>
但是，这会引发错误
"Cannot read properties of null (reading '$route')"
我能够像这样将路由路径包含为模板文字 {{this.$route.path }} 并获得预期的结果（'/'）。
为什么变量一方面按预期显示，另一方面显示为 null？
模板中不需要 this。所以直接用下面的试试
<section @mouseover="$route.path === '/' && imgHoverIn"></section>
Vue 在某种程度上很聪明，可以在您调用 {{ this.$route.path }} 时找出您要执行的操作，但它无法始终为您修复错误。
有些 ESlint 会在另一边告诉并为您解决这个问题。
我正在以这种方式创建条件事件处理程序：
<section>@mouseover="this.$route.path === '/' && imgHoverIn"</section>
但是，这会引发错误
"Cannot read properties of null (reading '$route')"
我能够像这样将路由路径包含为模板文字 {{this.$route.path }} 并获得预期的结果（'/'）。
为什么变量一方面按预期显示，另一方面显示为 null？
模板中不需要 this。所以直接用下面的试试
<section @mouseover="$route.path === '/' && imgHoverIn"></section>
Vue 在某种程度上很聪明，可以在您调用 {{ this.$route.path }} 时找出您要执行的操作，但它无法始终为您修复错误。
有些 ESlint 会在另一边告诉并为您解决这个问题。