el為通過$ref獲取到的dom對象
// 增加class屬性
addClass(el, _class) { let elClassArr = el.className.split(" ");// 把字符串轉成數組格式 let classArr = _class.split(" "); // 把字符串轉成數組格式 classArr.forEach(item => { if (elClassArr.indexOf(item) === -1) { // 避免奇怪的類型混入 elClassArr.push(String(item)); } }); el.className = elClassArr.join(" ");// 把原數組拼接成字符串 return el;// 返回dom元素 },
使用方法:this.addClass(el, "animated");
el為通過$ref獲取到的dom對象
// 增加class屬性
removeClass(el, _class) { let elClassArr = el.className.split(" "); let classArr = _class.split(" "); classArr.forEach(item => { let index = elClassArr.indexOf(item);// 大於0的時候,為對象的索引值 if (index > -1) { elClassArr.splice(index, 1); } }); el.className = elClassArr.join(" "); return el; },
使用方法:this.removeClass(el, "animated");