vue 的DOMException問題

開發中碰見了

 

vue.runtime.esm.js:1888 DOMException: Failed to execute 'setAttribute' on 'Element': ')' is not a valid attribute name.
at baseSetAttr (http://localhost:3000/app.js:36065:8)
at setAttr (http://localhost:3000/app.js:36040:5)
at Array.updateAttrs (http://localhost:3000/app.js:35995:7)
at invokeCreateHooks (http://localhost:3000/app.js:35349:22)
at createElm (http://localhost:3000/app.js:35236:11)
at createChildren (http://localhost:3000/app.js:35333:9)
at createElm (http://localhost:3000/app.js:35234:9)
at VueComponent.patch [as __patch__] (http://localhost:3000/app.js:35757:7)
at VueComponent.Vue._update (http://localhost:3000/app.js:33229:19)
at VueComponent.updateComponent (http://localhost:3000/app.js:33350:10)

 

 

這樣的一個問題，都不能具體定位到錯誤的位置，後來經過代碼管理工具對比代碼才發現

 

    <li class="unselect-item" @click="more" )>更多篩選</li>

 

這段代碼多了一個右括號致使問題出現，再網上看了一些人碰見的問題，有的是標籤屬性多了個豆號什麼的，因此一旦出現DOMException這樣的問題，能夠先從標籤上看一下是否是哪裏多寫了或者寫錯了什麼東西致使的問題出現，從標籤開始排查