vue.js 点击操作DOM($event事件)

vue中有两种方法获取到当前元素

var el = event.target; //当前元素，可修改（能够用此方法获取到他的子元素，不能获取他本身的内容）

var el = event.currentTarget;//当前元素，不可修改（能够用此方法获取到他的子元素及能获取他本身的内容）

点击当前元素删除父级元素呢！先看一下代码：

       <draggable class="editBox" id="editBox" v-if="edit"

            >
                <li  v-for="(item,index) in comList"  :class="item.is_shelf===1?'':'hsbg'">
                    <b >{{index+1}}</b>
                    <span :class="item.is_shelf===1?'text01-hover':'c-999'" :id="item.business_id">{{item.business_name}}</span>
                    <a-icon type="close" @click="close($event)" class="close" />
                </li>
            </draggable>

点击关闭删除当前li：

 操作demo方法如下：

   methods:{
            close(Obj){
                var toggle = Obj.currentTarget;
                toggle.parentNode.parentNode.removeChild(toggle.parentNode);
            },
          }