原创

若依vue版本从字典中取值回显到页面

温馨提示:
本文最后更新于 2022年07月22日,已超过 867 天没有更新。若文章内的图片失效(无法正常加载),请留言反馈或直接联系我

在开发中我们的状态字段或者下拉框中的选项在数据库中存储的都是数字
但是我们在页面上展示肯定不能直接展示数字,否则用户怎么知道0代表什么,1代表什么
我们需要将1替换成正常,0替换成禁用

若依,提供了字典组给我们配置这些数字和含义相对应关系

当后台返回给前台数字时,我们从字典组中将其转换成对应的含义,这样节省了大量时间,避免我们自己去实现转换,提高了开发效率

引入

export default {
    dicts: ['sys_user_status'],
}

使用

<el-table-column label="状态" align="center" prop="status">
    <template slot-scope="scope">
    <dict-tag :options="dict.type.sys_user_status" :value="scope.row.status"/>
    </template>
</el-table-column>

sys_user_status 这是字典组中配置的字典类型

效果

file

正文到此结束
本文目录