如何在vue里面实现点击一个图片删除它的父级元素和它自身怎么回事哈啊？

Question

如题保险箱按此顺序拨号,拖动可排序131498694391333333333349869439删除exportdefault{name:"coniatner",data(){return{}},methods:{}}*{margin:0;padding:0;}#coniatner{width:7.5rem;height:11.2rem;}#coniatnerul{width:7.5rem;height:5.5rem;}#coniatnerul.li-1{width:7.5rem;height:0.82rem;background-color:#f7eabd;}#coniatnerul.li-1p{float:left;font-size:23px;margin-left:0.3rem;margin-top:0.12rem;}#coniatnerul.li-1img{float:left;width:0.47rem;height:0.47rem;margin-left:1.34rem;margin-top:0.15rem;}#coniatnerul.li-2{width:7.2rem;height:1.4rem;border-bottom:1pxsolid#e6e6e6;margin-left:0.3rem;}#coniatnerul.li-2.bj{width:0.9rem;height:0.9rem;background-color:#b38eff;border-radius:3px;float:left;margin-top:0.3rem;}#coniatnerul.li-2img{width:0.57rem;height:0.65rem;position:absolute;margin-left:0.15rem;margin-top:0.16rem;}#coniatnerul.li-2p{float:left;font-size:20px;margin-top:0.5rem;margin-left:0.1rem;}#coniatnerul.li-3{width:7.2rem;height:1.4rem;border-bottom:1pxsolid#e6e6e6;margin-left:0.3rem;}#coniatnerul.li-3.bj{width:0.9rem;height:0.9rem;background-color:#b38eff;border-radius:3px;float:left;margin-top:0.3rem;}#coniatnerul.li-3img{width:0.57rem;height:0.65rem;position:absolute;margin-left:0.15rem;margin-top:0.16rem;}#coniatnerul.li-3p{float:left;font-size:20px;margin-top:0.5rem;margin-left:0.1rem;}#coniatnerul.li-4{width:7.2rem;height:1.4rem;border-bottom:1pxsolid#e6e6e6;margin-left:0.3rem;}#coniatnerul.li-4span{font-size:20px;float:left;margin-top:0.6rem;}#coniatnerul.del{float:left;width:1.4rem;height:1.4rem;background-color:#fe0000;margin-left:4.34rem;}#coniatnerul.delp{font-size:25px;color:white;margin-top:0.39rem;margin-left:0.35rem}望大佬解惑，