VueJS-嵌套v-on：click和v-if使组件消失

Question

每当我嵌套一个v-on：在v-if内部单击时，整个div都会消失。我在做什么错了？

<div v-if="!signInIsHidden1" >
  <div v-on:click="!signInIsHidden = signInIsHidden" style="text-align:center"><br>Register</div></div>

Answer 1

VueJS表达式必须是有效的JavaScript。

此：

!signInIsHidden = signInIsHidden

有点倒退。我想你的意思是：

signInIsHidden = !signInIsHidden

更好的是，将该分配移至VueJS方法：

...
methods: {
    toggleSignIn: function() {
        this.signInIsHidden = !this.signInIsHidden;
    }
}
...

<div :click="toggleSignIn"></div>

此外，您的外部div中有signInIsHidden1，但click事件中没有1。