ruoyi~为字典回显添加自定义样式

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

唠叨的卡布奇诺 · 【摄影】Lightroom系列教程 - ...· 14 小时前 ·

有腹肌的警车 · Unity shader实现水波的技术原理 ...· 昨天 ·

善良的小蝌蚪 · 刷完OpenWrt在浏览器无法访问的解决办法 ...· 3 天前 ·

刚毅的火车 · Kettle安装及使用 - Bk小凯笔记 ...· 4 天前 ·

不拘小节的牛腩 · 新手云编译Padavan完整教程 - ...· 4 天前 ·

冷冷的夕阳 · 使用ffserver实现转发实时流媒体（摄像 ...· 1 月前 ·

聪明的花生 · day19－AJAX:post使用者輸入/表 ...· 1 年前 ·

追风的麻辣香锅 · 检查您的数据 - Tableau· 1 年前 ·

英俊的大熊猫 · TextBlock.Background ...· 1 年前 ·

玩足球的白开水 · -webkit-box-orient无效 - 知乎· 1 年前 ·

定义好了之后，我们的列表页引用了字典的元素，就发生变化了

<el-table-column align="center" label="前台状态" prop="displayStatus" width="80">
  <template slot-scope="scope">
    <dict-tag :options="dict.type.lawyer_display_status" :value="scope.row.displayStatus"/>
  </template>
</el-table-column>
ruoyi-vue在字典设计上还是非常巧妙的，通过封装组件和插件，完成了字典元素的自动渲染，感兴趣可参它的源代码。
src/utils/dict
src/components/DictData
src/components/DictTag

推荐文章

唠叨的卡布奇诺 · 【摄影】Lightroom系列教程 - loading_hlb - 博客园

14 小时前

有腹肌的警车 · Unity shader实现水波的技术原理 - 游戏开发阿博 - 博客园

昨天

善良的小蝌蚪 · 刷完OpenWrt在浏览器无法访问的解决办法 - meetrice - 博客园

3 天前

刚毅的火车 · Kettle安装及使用 - Bk小凯笔记 - 博客园

4 天前

不拘小节的牛腩 · 新手云编译Padavan完整教程 - 流云1 - 博客园

4 天前

冷冷的夕阳 · 使用ffserver实现转发实时流媒体（摄像头捕获）-阿里云开发者社区

1 月前

聪明的花生 · day19－AJAX:post使用者輸入/表單(AJAX完成篇) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

1 年前

追风的麻辣香锅 · 检查您的数据 - Tableau

1 年前

英俊的大熊猫 · TextBlock.Background 屬性 (System.Windows.Controls) | Microsoft Learn

1 年前

玩足球的白开水 · -webkit-box-orient无效 - 知乎

1 年前