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