Bootstrap Vue @ok未触发

时间:2018-11-29 12:40:42

标签: vue.js bootstrap-vue

我有一个Vue Bootstrap模态,我试图捕获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')
    }
}

1 个答案:

答案 0 :(得分:1)

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

<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")
    }
}