vue+element?UI?文字加下劃線長度多出一點點的問題
更新時間：2022年08月10日 14:29:46 作者：spfLinux
這篇文章主要介紹了vue+element?UI?文字加下劃線長度多出一點點的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
element UI 文字加下劃線長度多出一點點
具體結構如下(el-table->el-table-column)
顯示如下
經(jīng)查，發(fā)現(xiàn)是代碼寫的不夠嚴謹，導致后面出現(xiàn)了空隙(感覺不夠一個空格)，把代碼寫成這樣就好了：
另外，如果用原生html加css來寫，對代碼格式?jīng)]有這種要求，也就是兩種寫法都可以。
vue動態(tài)添加下劃線
給li設置樣式
li.done {
? ? ? text-decoration: line-through;
? ? ? color: red;
? ? }
<li :class="{'done':todo.done}" xxxxxx/>
? ? todos: [
? { text: '吃飯', done: false },
? { text: '打游戲', done: false },
? { text: '睡覺', done: false }
]即若todo.done的值為true,li.done樣式生效，我覺得還蠻靈活的這種方法。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了c++游戲教程使用easyx實現(xiàn)大飛機示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Vue3.x的版本中build后dist文件中出現(xiàn)legacy的js文件問題
這篇文章主要介紹了Vue3.x的版本中build后dist文件中出現(xiàn)legacy的js文件問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
Vue?Mock.js介紹和使用與首頁導航欄左側(cè)菜單搭建過程
Mock.js是一個模擬數(shù)據(jù)的生成器，用來幫助前端調(diào)試開發(fā)、進行前后端的原型分離以及用來提高自動化測試效率，這篇文章主要介紹了Vue?Mock.js介紹和使用與首頁導航欄左側(cè)菜單搭建,需要的朋友可以參考下2023-09-09
這篇文章主要為大家詳細介紹了基于vue實現(xiàn)多引擎搜索及關鍵字提示的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
Element-UI組件實現(xiàn)面包屑導航欄的示例代碼
面包屑導航欄是一種用戶界面組件,用于展示用戶在網(wǎng)站或應用中的路徑,它包括了從主頁到當前頁面的鏈接序列,有助于用戶快速了解和導航至上級頁面,本文就來介紹一下Element-UI組件實現(xiàn)面包屑導航欄的示例代碼,感興趣的可以了解一下2024-09-09
詳解VS Code使用之Vue工程配置format代碼格式化
這篇文章主要介紹了詳解VS Code使用之Vue工程配置format代碼格式化，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
使用vue-cli創(chuàng)建項目的圖文教程(新手入門篇)
這篇文章主要介紹了新手入門vue 使用vue-cli創(chuàng)建項目的圖文教程，本文是針對完全不了解過vue和npm的小白而寫的,需要的朋友可以參考下2018-05-05
Vue動態(tài)加載ECharts圖表數(shù)據(jù)的方式
這篇文章主要介紹了Vue動態(tài)加載ECharts圖表數(shù)據(jù)的方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
詳解element-ui動態(tài)限定的日期范圍選擇器代碼片段
這篇文章主要介紹了element-ui動態(tài)限定的日期范圍選擇器代碼片段，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-07-07
vue項目中在外部js文件中直接調(diào)用vue實例的方法比如說this
這篇文章主要介紹了vue項目中在外部js文件中直接調(diào)用vue實例的方法比如說this,需要的朋友可以參考下2019-04-04