时间戳

首页 > 解决方案 > Bootstrap vue @ok 没有被触发

vue.js - Bootstrap vue @ok 没有被触发

问题描述

我有一个 vue 引导模式，我正在尝试捕获 ok 事件，但似乎没有被触发，我错过了什么？ 

<b-modal class="modal-md"
          ok-title="Invite"
          ref="myModal"
          title="Hellow world"
          @hidden="onHidden"
          @ok="myMethod"
         :ok-disabled="!validForm">


methods:{ 
    myMethod() {
        console.log('ok')
    }
}

标签： vue.jsbootstrap-vue

解决方案

我已经在我的答案中更新了您的代码，这是我的代码，请在您的代码中使用并告诉我

<b-modal class="modal-md"
          ok-title="Invite"
          ref="myModal"
          title="Hellow world"
          @hidden="onHidden"
          @ok="myMethod"
         :ok-disabled="false">
         My Modal
  </b-modal>

为了打开这个

this.$refs['myModal'].show()

方法

methods: {
 onHidden(){
      console.log("hide")
    },
    myMethod(){
      console.log("myMethod")
    }
}

推荐阅读