vue中使用v-if,v-else來設(shè)置css樣式的步驟
推薦閱讀：
我們在使用vue項(xiàng)目開發(fā)時，v-if是使用的非常多的，在這里我們談?wù)勅绾问褂胿-i來綁定修改css樣式，使用的主要是雙向數(shù)據(jù)綁定，即通過改變他的狀態(tài)來改變他的樣式，來個實(shí)例說明下：
第一步：
主要使用的是三元判斷的方式（需要改變的div里使用），并設(shè)置好點(diǎn)擊事件
狀態(tài)？“第一個class名”：“第二個class名”
第二步：
在javascript部分，設(shè)置默認(rèn)屬性,設(shè)置點(diǎn)擊事件
quxiaoTit:true
第三步：
在css部分設(shè)置它的改變前樣式和改變后樣式
我這里是使用的定位，改變他先后的定位的不同
到此這篇關(guān)于vue中如何使用v-if,v-else來設(shè)置css樣式的文章就介紹到這了,更多相關(guān)vue 使用v-if,v-else設(shè)置css樣式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本文主要介紹了Vue透傳Attributes使用解析，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
前端token中4個存儲位置的優(yōu)缺點(diǎn)說明
這篇文章主要介紹了前端token中4個存儲位置的優(yōu)缺點(diǎn)說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
基于Vue2的獨(dú)立構(gòu)建與運(yùn)行時構(gòu)建的差別(詳解)
下面小編就為大家分享一篇基于Vue2的獨(dú)立構(gòu)建與運(yùn)行時構(gòu)建的差別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
vue 路由緩存 路由嵌套 路由守衛(wèi) 監(jiān)聽物理返回操作
這篇文章主要介紹了vue 路由緩存 路由嵌套 路由守衛(wèi) 監(jiān)聽物理返回操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
使用Vue3創(chuàng)建多布局系統(tǒng)的三種方法
布局是中大型網(wǎng)站或應(yīng)用的基礎(chǔ),假設(shè)你正在創(chuàng)建一個網(wǎng)頁應(yīng)用,它包括主頁、營銷頁面和應(yīng)用頁面,你不會想要為每一頁重復(fù)所有的工作,對吧,與Nuxt不同,Vue 3并沒有內(nèi)置的布局系統(tǒng),但是別擔(dān)心,這里將向你展示3種簡單的方法來實(shí)現(xiàn)這一點(diǎn),需要的朋友可以參考下2023-08-08
最近在研究Vue的組件庫,之前也用過$attrs和$listeners,官方文檔描述的不太詳細(xì),也沒有太好的例子,下面這篇文章主要給大家介紹了關(guān)于Vue中$attrs和$listeners詳解以及使用的相關(guān)資料,需要的朋友可以參考下2022-11-11
Vue router錯誤跳轉(zhuǎn)到首頁("/")的問題及解決
這篇文章主要介紹了Vue router錯誤跳轉(zhuǎn)到首頁("/")的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
vue2 使用@vue/composition-api依賴包 編譯、打包各種報(bào)錯問題分析
由于package.json 文件中 vue、vue-template-compiler 版本號前面 多了個 ^ 導(dǎo)致實(shí)際導(dǎo)入時，node_module中的 vue 版本可能被升級為 2.7.x，這篇文章主要介紹了vue2 使用@vue/composition-api依賴包 編譯、打包各種報(bào)錯問題分析,需要的朋友可以參考下2023-01-01
解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/pret
這篇文章主要介紹了解決vue3.0運(yùn)行項(xiàng)目warning Insert `·` prettier/prettier問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
本文通過實(shí)例代碼給大家介紹了vue實(shí)現(xiàn)評論列表功能，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧2019-10-10