Javascript 未捕获的TypeError:无法将属性“innerHTML”设置为null[VueJs]

我看到以前关于我面临的同一个问题的问题，但我试图在解决问题的基础上解决它！但它不起作用

在我的发言中：

我使用模态插件来创建模态

我的问题是当模态打开时。。文本未根据app.EditTask.variable值更改，但当我尝试打印它的值时。。它告诉我它的价值是真是假

错误消息：

未捕获的TypeError:无法将属性“innerHTML”设置为null

---

你为什么不使用计算机，这很简单

模板：

<modal name="MyModal" >
  <span class="myClass" id="visible"> {{ isVisible }} </span>
</modal>

<modal name="MyModal" >
  <span :class="{myClass: true, hidden: !isVisible, visible: isVisible}" id="visible"></span>
</modal>

要更改类名，请执行以下操作： 模板：

<modal name="MyModal" >
  <span class="myClass" id="visible"> {{ isVisible }} </span>
</modal>

<modal name="MyModal" >
  <span :class="{myClass: true, hidden: !isVisible, visible: isVisible}" id="visible"></span>
</modal>

---

不确定模板中函数调用后是否需要括号。啊，是的。我们确实需要它。谢谢。@connguyen有没有其他方法可以解决这个问题，因为我想用getelementbyid来更改类名，但我遇到了同样的问题：你也可以用computed来更改类名。

<modal name="MyModal" >
  <span :class="{myClass: true, hidden: !isVisible, visible: isVisible}" id="visible"></span>
</modal>

export default {
  name: "myProject",
  data: function() {
    return {}
  },
  methods:{
    Open_EditTask: function() {
      ..
    }
  },
  computed: {
    isVisible(){
      return app.EditTask.visible;
    }
  }
}