即使对数据进行了更改，vue 也不会更新组件的外观

Question

所以，我的一个 vue 组件有问题。我的目标是默认显示一张图片，点击后会执行其他操作，并且应该会更改

 <b-img v-else-if="isopen = true"  fluid src="someimage" data-toggle="modal" data-target=".bd-example-modal-lg" @click="opening()"></b-img>
 <b-img v-else-if="isopen = false" fluid src="someotherimage" data-toggle="modal" data-target=".bd-example-modal-lg"></b-img>

还有脚本部分

    data () {
return {
  isopen: false,

}

    opening(){
//this function is called as intended
      console.log(this.isopen +'opening');
      this.isopen = false;
      console.log(this.isopen)
    }

我的代码中的一切工作正常，因为调试提示显示isopen 的状态也随我的意愿而变化，但它不会更新显示的图像。为什么不更新自己？

Answer 1

条件有误。应该是：

v-else-if="isopen == true"
v-else-if="isopen == false"

或者干脆

v-else-if="isopen"
v-else-if="!isopen"