日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

使用element插件中Descriptions遇到的坑

作者:if時光重來 更新時間: 2022-01-13 編程語言

使用Descriptions 描述列表中的自定義label,打包后點擊按鈕新增一個el-descriptions-item時,最后一個item的標題發生改變
在這里插入圖片描述
解決辦法:
將以下代碼替換

<el-descriptions-item label-align="center">
            <template #label>
                <div class="cell-item">
                    <span class="f_validate">*</span> 工作單位職務
                </div>
            </template>
            <el-form-item prop="dw">
                <el-input v-model="dw" placeholder="" />
            </el-form-item>
        </el-descriptions-item>

改成:

<el-descriptions-item label-align="center" label="工作單位職務" label-class-name="setred">
            <el-form-item prop="dw">
                <el-input v-model="dw" placeholder="" />
            </el-form-item>
        </el-descriptions-item>

給label欄添加紅色字體的*
在<el-descriptions-item>標簽上添加label-class-name=“setred”,給當前表添加class

<style>
.setred::before{
    content: "*";
    color: red;
    font-weight: bold;
    font-size: 16px;
}
</style>

原文鏈接:https://blog.csdn.net/admin_web/article/details/122483041

欄目分類
最近更新