vue.js 点击操作DOM($event事件)
vue中有两种方法获取到当前元素var el = event.target; //当前元素,可修改(能够用此方法获取到他的子元素,不能获取他本身的内容)var el = event.currentTarget;//当前元素,不可修改(能够用此方法获取到他的子元素及能获取他本身的内容)点击当前元素删除父级元素呢!先看一下代码:<draggable class="...
·
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);
},
}
更多推荐
已为社区贡献4条内容
所有评论(0)