vue组件生成元素时额外生成了data-v-xxx,我该如何获取它

我使用函数式渲染时,发现我渲染的元素没有data-v-xxx,但是其他都有,然后我样式就无法影响我手动渲染出来的元素了,
vue组件生成元素时额外生成了data-v-xxx,我该如何获取它,或者我函数渲染时同样渲染出一个data-v-xxx

回答:

有data-v-xxx的应该是加了scoped属性的,是vue自动生成的。

<style scoped>
  @media (min-width: 250px) {
    .list-container:hover {
      background: orange;
    }
  }
</style>

这个可选 scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,编译的时候 .list-container:hover 会被编译成类似 .list-container[data-v-21e5b78]:hover。

回答:

这个是组件加了scoped才会有的,你可以在标签那里手动加一个.

<div data-v-231></div>

回答:

你的目的获取这个元素是要拿来干嘛呢

回答:

别用scoped

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注