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)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue中使用JWT進行身份認證也是一種常見的方式,它能夠更好地保護用戶的信息,本文主要介紹了Vue開發(fā)中Jwt的使用詳解,具有一定的參考價值,感興趣的可以了解一下2023-12-12
這篇文章主要介紹了vue中如何實現(xiàn)拖拽調整順序功能問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
vue3使用vuedraggable實現(xiàn)拖拽功能
這篇文章主要為大家詳細介紹了vue3使用vuedraggable實現(xiàn)拖拽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家介紹了vue前端實現(xiàn)打印下載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
vue $set 實現(xiàn)給數(shù)組集合對象賦值
這篇文章主要介紹了vue $set 實現(xiàn)給數(shù)組集合對象賦值方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-07-07
axios解決高并發(fā)的方法:axios.all()與axios.spread()的操作
這篇文章主要介紹了axios解決高并發(fā)的方法:axios.all()與axios.spread()的操作，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
vue關于this.$refs.tabs.refreshs()刷新組件方式
這篇文章主要介紹了vue關于this.$refs.tabs.refreshs()刷新組件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
因為項目需要，近期做了一個公眾號網(wǎng)頁開發(fā)。在此期間也踩了一些坑，解決這些坑之后，準備對這個項目進行復盤。記錄下項目從開發(fā)到上線所解決的問題，并對使用vue進行公眾號開發(fā)的步驟進行一個總結。方便以后有問題進行查閱。希望對你有所幫助2021-05-05
這篇文章主要介紹了Vue 自定義標簽的src屬性不能使用相對路徑的解決，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
這篇文章主要介紹了vue中返回結果是promise的處理方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04