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

Question

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

Answer 1

有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。

Answer 2

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

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

Answer 3

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

Answer 4

别用scoped

Answer 5

楼主可以使用深度选择，/deep/ 或者 >>> 来选择元素
https://vue-loader.vuejs.org/...

Answer 6

楼主有解决办法了吗 同求