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ī)號">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 號</el-descriptions-item>
</el-descriptions>1.無數(shù)據(jù)時(shí)顯示缺省符號，如無數(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+Node實(shí)現(xiàn)商品列表的分頁、排序、篩選，添加購物車功能詳解
這篇文章主要介紹了Vue+Node實(shí)現(xiàn)商品列表的分頁、排序、篩選，添加購物車功能,結(jié)合實(shí)例形式分析了vue.js前臺商品分頁、排序、篩選等功能及后臺node.js處理技巧,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了Vue EventBus自定義組件事件傳遞，組件化應(yīng)用構(gòu)建是Vue的特點(diǎn)之一，本文主要介紹EventBus進(jìn)行數(shù)據(jù)消息傳遞 ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
vue中ref引用操作DOM元素的實(shí)現(xiàn)
本文主要介紹了vue中ref引用操作DOM元素的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
前端開發(fā)指南之vue-grid-layout的使用實(shí)例
vue-grid-layout是一個(gè)vue柵格拖動(dòng)布局的組件,下面這篇文章主要給大家介紹了關(guān)于前端開發(fā)指南之vue-grid-layout使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
Vue3組合式API中使用forwardRef()函數(shù)
本文主要介紹了Vue3組合式API中使用forwardRef()函數(shù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-06-06
vue3+ElementPlus+VueCropper實(shí)現(xiàn)上傳圖片功能
文章介紹了如何在Vue3、ElementPlus和VueCropper組件中實(shí)現(xiàn)圖片上傳和裁剪功能,包括放大、縮小等操作,感興趣的朋友跟隨小編一起看看吧
2025-01-01 
vue中經(jīng)常使用到和這類表單元素,vue對于這些元素的數(shù)據(jù)綁定和我們以前經(jīng)常用的jQuery有些區(qū)別,下面這篇文章主要給大家介紹了關(guān)于vue?v-model的相關(guān)資料,需要的朋友可以參考下
2022-04-04 
這篇文章主要介紹了vue 遮罩層阻止默認(rèn)滾動(dòng)事件操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-07-07 
基于Vue2實(shí)現(xiàn)移動(dòng)端圖片上傳、壓縮、拖拽排序、拖拽刪除功能
這篇文章主要介紹了基于Vue2實(shí)現(xiàn)移動(dòng)端圖片上傳、壓縮、拖拽排序、拖拽刪除功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-01-01