var MyComponent =Vue.extend({
template: `<div class="block-box" data-type="append">
<p class="block-box-left">value </p>
<p class="block-box-right" @click="removeTime($event)" >X</p>
<input type="hidden" name="time" class="layui-input" value="value ">
</div>`,
methods: {
removeTime:function ($event) {
$event.currentTarget.parentElement.remove();
},
}
});
var component =new MyComponent().$mount();
$("el").append(component.$el);
// $event.target 是你当前点击的元素
// $event.currentTarget 是你绑定事件的元素
#获得点击元素的前一个元素
$event.currentTarget.previousElementSibling.innerHTML
#获得点击元素的第一个子元素
$event.currentTarget.firstElementChild
# 获得点击元素的下一个元素
$event.currentTarget.nextElementSibling
# 获得点击元素中id为string的元素
$event.currentTarget.getElementById("string")
# 获得点击元素的string属性
$event.currentTarget.getAttributeNode('string')
# 获得点击元素的父级元素
$event.currentTarget.parentElement
# 获得点击元素的前一个元素的第一个子元素的HTML值
$event.currentTarget.previousElementSibling.firstElementChild.innerHTML