Vue中获取元素时，如何将data-v-xxx的额外数据转换成长尾关键词疑问？

本文共计741个文字，预计阅读时间需要3分钟。

需求描述：由于使用了scoped，编译后标签中对生成data-v-xxx属性。在【.dialog_content】的div中，动态添加元素节点p和span时，也需要给元素节点添加data-v-xxx属性。

需求描述：由于样式中使用了scoped，所以编译后标签对中生成data-v-xxx属性。在的div中 动态添加元素节点p和span时，也需要给元素节点添加data-v-xxx属性。由于data-v-xxx属性是会变化的，那如何获取它，添加在动态添加的元素节点中呢？本博客将给出解决方案。

获取属性名

设置属性

var nodeP = document.createElement("p"), nodeSpan = document.createElement("span"); // 获取data-v-xxxx的值 var dataV = document.getElementById("dialog_submit").attributes[0].name; // 设置属性 nodeP.setAttribute(dataV, ""); nodeSpan.setAttribute(dataV, "");

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。