Vue El-descriptions 描述列表功能實現
更新時間：2024年05月09日 10:37:02 作者：SZnA1
這篇文章主要介紹了Vue El-descriptions 描述列表功能實現,Descriptions 描述列表,列表形式展示多個字段,本文結合實例代碼給大家介紹的非常詳細,需要的朋友可以參考下
Descriptions 描述列表
列表形式展示多個字段。
<el-descriptions title="用戶信息">
<el-descriptions-item label="用戶名">kooriookami</el-descriptions-item>
<el-descriptions-item label="手機號">18100000000</el-descriptions-item>
<el-descriptions-item label="居住地">蘇州市</el-descriptions-item>
<el-descriptions-item label="備注">
<el-tag size="small">學校</el-tag>
</el-descriptions-item>
<el-descriptions-item label="聯系地址">江蘇省蘇州市吳中區(qū)吳中大道 1188 號</el-descriptions-item>
</el-descriptions>1.無數據時顯示缺省符號，如無數據時顯示-
添加sass樣式
// 描述列表無數據時顯示 '-'
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content:empty::after,
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content
> div:empty::after,
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content
> div
> div:empty::after,
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content
.approval:empty::after,
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content
div:empty::after,
.el-descriptions
.el-descriptions__body
.el-descriptions-item__content
.line-limit-length:empty::after {
content: '-';
}到此這篇關于VUE el-descriptions 描述列表的文章就介紹到這了,更多相關vue 描述列表內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
我們經常需要在Vue搭建的后臺管理系統(tǒng)里進行數據導入導出等操作,下面這篇文章主要給大家介紹了關于Vue實現數據導出導入實戰(zhàn)案例的相關資料,需要的朋友可以參考下2023-01-01
Vue el-table表格第一列序號與復選框hover切換方式
這篇文章主要介紹了Vue el-table表格第一列序號與復選框hover切換方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-07-07
provide和inject主要為高階插件/組件庫提供用例,并不推薦直接用于應用程序代碼中,下面這篇文章主要給大家介紹了關于Vue中provide、inject詳解以及使用的相關資料,需要的朋友可以參考下2022-11-11
這篇文章主要介紹了Vue通過axios發(fā)送ajax請求基礎演示,包括了axios發(fā)送簡單get請求，axios get傳參，axios發(fā)送post請求等基礎代碼演示需要的朋友可以參考下2023-02-02
這篇文章主要介紹了vant開發(fā)微信小程序安裝以及簡單使用教程,需要的朋友可以參考下2022-12-12
在Vue3+ECharts中圖表tooltip不顯示問題分析和解決方法
文章主要描述了在Vue3中使用ECharts時遇到的tooltip不顯示問題,通過分析問題根源和修改方式,最終使用markRaw()工具函數解決了問題,文章詳細解釋了Vue和ECharts的工作原理以及markRaw的作用,最后提供了完整的修復代碼示例,需要的朋友可以參考下2026-02-02
Vue3提供了許多常用的API,這些API可以幫助開發(fā)者更高效地構建和管理Vue應用,這篇文章主要介紹了vue3一些不常用卻很實用API的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2026-02-02
在Vue3中，有多種方法可以實現組件之間的通信，本文就通過代碼示例給大家總結一些vue3實現組件通信的常用方法,需要的朋友可以參考下2023-06-06
本篇文章主要介紹了簡易 Vue 評論框架的實現(父組件的實現)，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
webpack+vue+express(hot)熱啟動調試簡單配置方法
今天小編就為大家分享一篇webpack+vue + express (hot) 熱啟動調試簡單配置方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09