更改收音机选项前要求确认

Question

在使用Vue.js更改单选按钮中的选项之前，如何要求用户确认？

类似于您确定吗？就可以了。

Answer 1

假设您具有以下DOM结构：

<div id="app">
  <input type="radio"/>
</div> 

您可以使用实现预期的“ 您确定吗？”确认弹出窗口的方法将@change指令绑定到单选按钮。因此，您可以像这样丰富上述DOM结构：

<div id="app">
  <input type="radio" @change="showConfirm"/>
</div>

在Vue实例中，您可以定义预期的确认方法，例如：

new Vue({
  el: '#app',

  methods: {
    showConfirm: function(event) {
      event.preventDefault();
      let checkedRadio = window.confirm("Are you sure?");
      event.target.checked = checkedRadio;
    }
  }
})

在这里找到working example。