vue封裝dom新增類名方法

如何封裝

// 判斷dom中是否含有某個類名

// el 需要判斷的dom元素
// classname 需要判斷的類名
export
function
hasclass
(el, classname)
// 向dom中新增類名
// el 需要新增類名的dom元素
// classname 需要判斷的類名
export
function
addclass
(el, classname)
// 通過空格將原有類名字串組裝成陣列
let newclass = el.classname.
split
(' '
)	newclass.
push
(classname)
// 新增完畢後 通過空格將陣列組裝為字串
el.classname = newclass.
join
(' '
)}

>

class
='div'
ref='div'
>
div>
template
>
>
import
from
'commpn/dom.js'
export
default}}
script
>
scoped
>
style
>

vue之在方法中新增dom

vue之在方法中新增dom 寫vue 的過程中經常碰到需要動態新增dom的情況，一直沒有找到合適的解決方法。今天記錄乙個比較蠢的玩法。js原生建立dom，再新增進dom中去。示例 let link document.createelement a link.style.display none li...

如何在Vue中動態新增類名

點讚再看，養成習慣 本文github上已經收錄，更多往期高讚文章的分類，也整理了很多我的文件，和教程資料。歡迎star和完善，大家面試可以參照考點複習，希望我們一起有點東西。能夠向元件新增動態類名是非常強大的功能。它使我們可以更輕鬆地編寫自定義主題，根據元件的狀態新增類，還可以編寫依賴於樣式的元件的...

原生JS新增類名 刪除類名

為 元素新增 class document.getelementbyid mydiv classlist.add mystyle 為 元素新增多個類 document.getelementbyid mydiv classlist.add mystyle anotherclass thirdclass...