vue2 0 無法修改樣式的解決方案

2021-09-11 17:08:03 字數 451 閱讀 4111

vue2.0 中通過v-html渲染的dom以及引用ui框架會有無法修改樣式的問題,通過我的查詢實踐找到了以下解決方案,希望可以幫助有需要的小夥伴。

1.v-html渲染的富文字,無法在樣式表中修改樣式

比如下面的**,在style標籤中定義了div.htmlbox裡面的p標籤的color樣式,但是實際樣式並未生效:

"htmlbox" v-html=

'html'

>

2.引用ui框架無法在vue檔案的style中修改樣式

比如下面的**,在style標籤中定義了.el-input的border樣式,但是實際樣式並未生效:

"serarch"

>

vue touch不支援vue2 0的替換方法

當你想用vue touch時,卻發現官網這句話 touch events plugin for vue.js.this plugin does not support vue 2.0 yet.但是卻找不到好的替換方案,只能自己硬著頭皮上了。我這邊有乙個不成熟的解決方案 自己寫v touch指令 長按...

解決vant 無法修改元件的樣式問題

二 成功的方法 定義乙個全域性的樣式檔案 在vue中,常規寫style都會加上scoped,以避免全域性汙染,但是加上了scoped會導致無法修改 vant ui框架元件本身的樣式,但是scoped是不能省略的。為了解決這個問題,本人嘗試了多種方法都不行,最後,通過新建乙個新的css檔案並匯入當前v...

vue 2 0中使用axios遇到問題的解決方法

在vue1.0的時候有乙個官方推薦的 ajax 外掛程式 vue resource,但是自從 vue 更新到 2.0 之後,官方就不再更新 vue resource。目前主流的 vue 專案,都選擇 axios 來完成 ajax 請求,下面簡單介紹一下axios的使用,具體用法可參考npm鏈結 np...