如何在 VueJS 上下文中单击取消按钮时关闭 vs-popup

Question

我正在使用 Vuesax vs-popup 以便在单击按钮时显示我的内容，我想在单击 vs-popup 内的取消按钮时关闭 vs-popup。

代码如下：

   <vs-button  class="btn"  @click="touchOpen= true">Explore</vs-button>
 <vs-popup title="Welcome to my world" :active.sync="touchOpen">
      <vs-button  class="close"  @click="touchOpen = false" >Cancel</vs-button>
  </vs-popup>
  ....
  data () {
      return {
          touchOpen: false
      }
  }

这里我无法在点击按钮时关闭 vs-popup。

另外我想知道如何在提交表单成功后自动关闭。请帮帮我。

Answer 1

我自己想出来了，只需要实现一个小方法就可以完成工作！

这是工作代码：

 <vs-button  class="btn"  @click="touchOpen= true">Explore</vs-button>
 <vs-popup title="Welcome to my world" :active.sync="touchOpen">
      <vs-button  class="close"  @click="cancelClose ($event)" >Cancel</vs-button>
  </vs-popup>
  ....
  data () {
      return {
          touchOpen: false
      }
  }
  methods: {
     cancelClose (event) {
         return this.touchOpen = false
     }
  }