資訊專欄INFORMATION COLUMN
摘要：如何產(chǎn)生在開發(fā)項(xiàng)目中遇到在組件中添加樣式不生效的情況。具體場(chǎng)景如下組件我用在上面標(biāo)簽中插入一個(gè)，組件樣式都會(huì)在選擇器的最后加上屬性樣式添加了瀏覽器渲染的和如下樣式不生效，因?yàn)闃?biāo)簽里沒有屬性如何解決很簡單將去掉的屬性。
如何產(chǎn)生
在開發(fā)項(xiàng)目中遇到在組件中添加樣式不生效的情況。具體場(chǎng)景如下
//// vue 組件
//我用js在上面div標(biāo)簽中插入一個(gè)text goes here
//style ， vue組件scoped樣式都會(huì)在選擇器的最后加上data-v-***屬性
瀏覽器渲染的html 和 style 如下：
//html如何解決//style .box[data-v-33f8ed40]{ color:red; } .text[data-v-33f8ed40]{ //樣式不生效，因?yàn)閜標(biāo)簽里沒有屬性data-v-33f8ed40 color:blue; }text goes here
很簡單將去掉 style 的 scoped 屬性。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/52575.html
摘要：如何產(chǎn)生在開發(fā)項(xiàng)目中遇到在組件中添加樣式不生效的情況。具體場(chǎng)景如下組件我用在上面標(biāo)簽中插入一個(gè)，組件樣式都會(huì)在選擇器的最后加上屬性樣式添加了瀏覽器渲染的和如下樣式不生效，因?yàn)闃?biāo)簽里沒有屬性如何解決很簡單將去掉的屬性。 如何產(chǎn)生 在開發(fā)項(xiàng)目中遇到在組件中添加樣式不生效的情況。具體場(chǎng)景如下 //// vue 組件 //我用js在上面div標(biāo)簽中插入一個(gè)text goes h...
摘要：新手坑開發(fā)環(huán)境和生產(chǎn)環(huán)境樣式不一致的問題上次提到作用域問題導(dǎo)致樣是不生效這次講的是我之前遇到的一個(gè)小坑稍不留神就完蛋前陣子做的一個(gè)小項(xiàng)目引入了的庫外加自己寫的很多樣式在開發(fā)環(huán)境下測(cè)試完美直接就出來上正式環(huán)境發(fā)現(xiàn)竟然有多處樣式未生效的問題還好 [新手坑] 02.Vue開發(fā)環(huán)境和生產(chǎn)環(huán)境樣式不一致的問題 上次提到作用域問題, 導(dǎo)致樣是不生效, 這次講的是我之前遇到的一個(gè)小坑, 稍不留神就完...
摘要：官方文檔可以直接在能跑起來的項(xiàng)目中使用。所以在使用的父組件中使用的子組件也要開啟。能正常編譯，而則會(huì)編譯的不符合預(yù)期，所以平時(shí)養(yǎng)成良好的參數(shù)書寫順序也很重要。總結(jié)總結(jié)綜上所述，前期進(jìn)行不麻煩的配置，實(shí)現(xiàn)的效果比更優(yōu)，這里推薦使用。scoped css 官方文檔 scoped css可以直接在能跑起來的vue項(xiàng)目中使用。 使用方法： h1 { color: #f00; } 使用scop...
閱讀 1425·2021-11-15 11:38
閱讀 3575·2021-11-09 09:47
閱讀 1972·2021-09-27 13:36
閱讀 3218·2021-09-22 15:17
閱讀 2555·2021-09-13 10:27
閱讀 2869·2019-08-30 15:44
閱讀 1173·2019-08-27 10:53
閱讀 2708·2019-08-26 14:00
