ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)
往事不堪回首.. 2024-07-05 08:33:02 阅读 69
1. 列表中回显:
代码:
<code><el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="deptId" :default-expand-all="isExpandAll" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">code>
<el-table-column prop="deptName" label="事业名称" width="260"></el-table-column>code>
<el-table-column prop="releaseType" label="发布类型" width="260">code>
<template slot-scope="scope" >code>
<dict-tag v-for="a in scope.row.releaseType" :options="dict.type.sys_release_type" :value="a"/>code>
</template>
</el-table-column>
</el-table>
2. 编辑页面多选框回显
代码:
<code> <el-col :span="12" >code>
<el-tooltip content="文书配布选择发布类型时,根据当前选择加载配布对象群体" placement="top-start">code>
<el-form-item label="发布类型" prop="releaseType">code>
<el-select v-model="form.releaseType" placeholder="请先选择发布类型" multiple @change="checkedBoxChange">code>
<el-option v-for="dict in dict.type.sys_release_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> code>
</el-select>
</el-form-item>
</el-tooltip>
</el-col>
上一篇: 记录--淘宝、京东复制好友链接弹出商品详情是如何实现的
本文标签
声明
本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。