前言

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供通渭網(wǎng)站建設(shè)、通渭做網(wǎng)站、通渭網(wǎng)站設(shè)計(jì)、通渭網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、通渭企業(yè)網(wǎng)站模板建站服務(wù)，十余年通渭做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

最近在學(xué)習(xí)vue.js框架，學(xué)習(xí)過程中遇到一些問題，所以記下其中遇到問題的解決過程，避免以后再遇到同樣的問題，分享出來也方便遇到這個(gè)問題的朋友參考，下面話不多說了，來一起看看詳細(xì)的介紹：

先來看這段示例代碼

尋找BUG原因步驟

（1）首先通過v-on關(guān)鍵字尋找到 addHandler，此函數(shù)傳入的事件名竟然是 textinput（正確為textInput,I是大寫，而不是小寫），錯(cuò)誤就定位在這了；然后往上層繼續(xù)尋找（即父函數(shù)）

   注：(onRE.test(name))，var onRE = /^@|^v-on:/;  是通過匹配v-on添加事件

（2）processAttrs

.....然后傻傻地一層一層往下找，找到了getOuterHTML

/**
 * Get outerHTML of elements, taking care
 * of SVG elements in IE as well.
 */
function getOuterHTML (el) {
 if (el.outerHTML) {
 return el.outerHTML
 } else {
 var container = document.createElement('div');
 container.appendChild(el.cloneNode(true));
 return container.innerHTML
 }
}

真相大白了，因?yàn)関ue是利用根原素outerHTML獲取里面的dom片段（進(jìn)行v-on匹配事件監(jiān)聽），然而outerHTML返回轉(zhuǎn)為小寫字母的代碼片段，導(dǎo)致了textInput轉(zhuǎn)為了 textinput，所以就執(zhí)行不了；

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯(lián)的支持。