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