代码之家  ›  专栏  ›  技术社区  ›  PKey

在Vue应用程序中处理模式窗口的结果

  •  0
  • PKey  · 技术社区  · 6 年前

    我正在尝试在我的项目中使用来自“bootstrap+vue”的modal。

    现在这可能是一个基本的问题,但是在找了一会儿之后,我没有找到任何答案,所以我会继续问下去。

    考虑以下模式

    <b-modal ref="myModalRef"  @ok="handleOk">
        Are You Sure You Want To Delete?
    </b-modal>  
    

    所以,如果我想处理 ok 按钮是直着的

    export default {
      methods: {
       handleOk: function() {
          alert('alert form table - ok is pressed!!')
        }
      }
    } 
    

    但是,在我的案例中,我有以下场景,我想知道我的 deleteRow 具有以下知识的功能 person 与把手相反 不可知论者:

    deleteRow: function(person){
       //show dialog 
       this.$refs.myModalRef.show()
       // it would be nice to know here what was pressed
        if (okpressed) 
           actuallyDetele(person)
    }
    

    换句话说,我在寻找类似 confirm 但是我想使用模态。

    var r = confirm("Are You Sure You Want To Delete?");
    if (r == true) {
        // continue 
    } else {
       //do nothing 
    }
    

    有什么建议我可以用模态来实现。

    谢谢。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Jose FG    6 年前

    这个 Bootstrap Vue 情态触发语 @ok 按“确定”时的事件。你可以像这样使用它:

    <b-modal id="deleteModal"
                 ref="modal"
                 title="Are you sure?"
                 @ok="deleteYourUser"
                 @shown="anotherFunct">
    

    并且总是预先选择用户并将其保存在数据变量中,以便在删除函数内部使用。您没有其他方法可以传递给稍后确认时要消除的用户模式。