Question

我在laravel框架中使用vue js。

在这里，我需要删除子元素（按钮）的click事件上的父元素。

我的HTML：

<div id="campaign">
  <div class="parent_class">
    <input type="button" @click="remove_me($event)" class="remove_block">
  </div>
.....
  <div class="parent_class">
    <input type="button" @click="remove_me($event)" class="remove_block">
  </div>
</div>

Vue JS：

var campaign = new Vue({
el: '#campaign',
data: {
    n: 1
},
methods: {
    remove_me: function ($event) {
        var confirm_delete('Are you sure to remove ?');
        if(confirm_delete){
               // How to Remove Parent Element [parent_class] ?
        }
    }
  }
});

我想在点击其子元素（按钮）时删除父元素（＆＃39; parent_class＆＃39;）。

这个Html有多个父类。

我需要通过＆＃34; Vue Js ＆＃34;删除最近的父类。

Answer 1

我认为这就是你要找的东西：

http://jsbin.com/figubitiro/edit?html,js,output

从示例中提取的代码：

AddSurrogate

来源（谷歌）：https://laracasts.com/discuss/channels/vue/how-to-remove-component-from-parents-array

如何通过On Click事件删除Vue Js中的父元素？

1 个答案: