vue繼承(例子)

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容