使用vue 實現(xiàn)獲取元素并額外生成的data-v-xxx的方法?針對這個問題,這篇文章詳細介紹了相對應(yīng)的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。
創(chuàng)新互聯(lián)主營班瑪網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā)公司,班瑪h5小程序設(shè)計搭建,班瑪網(wǎng)站營銷推廣歡迎班瑪?shù)鹊貐^(qū)企業(yè)咨詢需求描述:由于樣式中使用了scoped,所以編譯后標簽對中生成data-v-xxx屬性。在【.dialog_content】的div中 動態(tài)添加元素節(jié)點p和span時,也需要給元素節(jié)點添加data-v-xxx屬性。由于data-v-xxx屬性是會變化的,那如何獲取它,添加在動態(tài)添加的元素節(jié)點中呢?本博客將給出解決方案。
【解決方法】
獲取屬性名【document.getElementById("dialog_submit").attributes[0].name】
設(shè)置屬性【nodeP.setAttribute(dataV, "")】
var nodeP = document.createElement("p"), nodeSpan = document.createElement("span"); // 獲取data-v-xxxx的值 var dataV = document.getElementById("dialog_submit").attributes[0].name; // 設(shè)置屬性 nodeP.setAttribute(dataV, ""); nodeSpan.setAttribute(dataV, "");