时间戳

首页 > 解决方案 > Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')

vue.js - Uncaught (in promise) TypeError: Cannot read properties of null (reading 'insertBefore')

问题描述

<div class="button" @click="shows = !show">
  <i class="fas fa-plus-circle" v-if="show"></i>
  <i class="fas fa-minus-circle" v-else></i>
</div>

如果我单击该元素，它会显示错误“未捕获（在承诺中）TypeError：无法读取 null 的属性（读取 'insertBefore'）”。

不知道为什么，但是在附加了事件处理程序的元素内渲染元素时似乎存在问题。

标签： vue.js

解决方案

这@click="shows = !show"不是正确的代码。您应该在节中声明一个函数methods：

methods: {
 onClick() {
   this.show = !this.show;
 }
}

然后使用它：

@click="onClick"

另外，也许这是一个错字？show**s** = !show

推荐阅读