Use data- for vmid to generate valid HTML

nuxt · May 15, 2017 · 81915c4 · 81915c4
1 parent cf5c55f
commit 81915c4
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/client/updaters/updateTags.js b/src/client/updaters/updateTags.js
@@ -37,6 +37,7 @@ export default function _updateTags (options = {}) {
         const newElement = document.createElement(type)
 
         for (const attr in tag) {
+          console.log(type, attribute, attr)
           if (tag.hasOwnProperty(attr)) {
             if (attr === 'innerHTML') {
               newElement.innerHTML = tag.innerHTML
@@ -46,6 +47,10 @@ export default function _updateTags (options = {}) {
               } else {
                 newElement.appendChild(document.createTextNode(tag.cssText))
               }
+            } else if (attr === options.tagIDKeyName) {
+              const _attr = `data-${attr}`
+              const value = (typeof tag[attr] === 'undefined') ? '' : tag[attr]
+              newElement.setAttribute(_attr, value)
             } else {
               const value = (typeof tag[attr] === 'undefined') ? '' : tag[attr]
               newElement.setAttribute(attr, value)