文章詳情頁
css - vue.js的vue單文件組件style中的scoped屬性無效
瀏覽：128日期：2023-09-24 16:15:18
問題描述
RT，我a.vue和b.vue明明寫了<style scoped>，但是修改a.vue中的p.warp樣式，卻影響到了b.vue里面的p.warp樣式，請問一下這是怎么回事？
我的webpack是直接用的vue-cli里面的webpack模版，自己從來沒有修改過任何地方。
問題解答
回答1：上代碼 有代碼不一定能看出什么來 沒有代碼一定看不出什么東西
回答2：你a.vue和b.vue都這樣寫了么?
瀏覽器調(diào)試看一下最終的樣式選擇器
回答4：同問，我也遇到這個問題了，vue-cli沒動， 添加socped后，元素添加v-data- , 而style卻沒有，所以還是會沖突
回答5：在你的CSS后面加上 !important
標簽：
CSS
相關文章：
1. node.js - mysql如何通過knex查詢今天和七天內(nèi)的匯總數(shù)據(jù)2. mysql 插入數(shù)值到特定的列一直失敗3. 360瀏覽器與IE瀏覽器有何區(qū)別？？？4. mysql - 百萬行的表中是否盡量避免使用update等sql語句？5. python - 在使用Pycharm時經(jīng)常看到如下的樣式，小括號里紅色的部分是什么意思呢？6. Python從URL中提取域名7. javascript - 新浪微博網(wǎng)頁版的字數(shù)限制是怎么做的8. 怎么在網(wǎng)頁中設置圖片進行左右滑動9. javascript - 豆瓣的這個自適應是怎么做的？10. javascript - 用jsonp抓取qq音樂總是說回調(diào)函數(shù)沒有定義
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備