鍍金池/ 問答/HTML/ vue組件生成元素時額外生成了data-v-xxx，我該如何獲取它

vue組件生成元素時額外生成了data-v-xxx，我該如何獲取它

我使用函數(shù)式渲染時，發(fā)現(xiàn)我渲染的元素沒有data-v-xxx，但是其他都有，然后我樣式就無法影響我手動渲染出來的元素了，
vue組件生成元素時額外生成了data-v-xxx，我該如何獲取它,或者我函數(shù)渲染時同樣渲染出一個data-v-xxx

回答
編輯回答
風(fēng)畔

你的目的獲取這個元素是要拿來干嘛呢

2018年6月21日 02:23
編輯回答
怪痞

有data-v-xxx的應(yīng)該是加了scoped屬性的，是vue自動生成的。

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

這個可選 scoped 屬性會自動添加一個唯一的屬性 (比如 data-v-21e5b78) 為組件內(nèi) CSS 指定作用域，編譯的時候 .list-container:hover 會被編譯成類似 .list-container[data-v-21e5b78]:hover。

2017年11月2日 05:27
編輯回答
任她鬧

樓主可以使用深度選擇，/deep/ 或者 >>> 來選擇元素
https://vue-loader.vuejs.org/...

2018年4月4日 20:58
編輯回答
舊顏

樓主有解決辦法了嗎 同求

2017年3月28日 08:29
編輯回答
吃藕丑

這個是組件加了scoped才會有的，你可以在標(biāo)簽?zāi)抢锸謩蛹右粋€.

<div data-v-231></div>
2018年6月25日 14:01