Обработка результатов модального окна в приложении vue - PullRequest
Новая
       36

Обработка результатов модального окна в приложении vue

0 голосов
/ 30 ноября 2018

Я пытаюсь использовать модал из "Bootstrap + Vue" в моем проекте.

Теперь это может быть основной вопрос, но после некоторого поиска я не нашел ответа, поэтому я продолжу и буду спрашивать.

Рассмотрим следующий модальный 

<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, в отличие от handleOk, который 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 Ответ

0 голосов
/ 30 ноября 2018

Модальные Bootstrap Vue запускают событие @ok при нажатии ОК.Вы можете использовать его следующим образом: 

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

И всегда предварительно выбирайте пользователя и сохраняйте его в переменную данных для использования внутри функции удаления.У вас нет другого способа передать модалу пользователя, которого вы захотите удалить позже, если подтвердите.

...