首页 前端知识 ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)

ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)

2024-04-07 08:04:29 前端知识 前端哥 769 136 我要收藏

1. 列表中回显:

代码: 

<el-table v-if="refreshTable" v-loading="loading" :data="deptList" row-key="deptId" :default-expand-all="isExpandAll" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
      <el-table-column prop="deptName" label="事业名称" width="260"></el-table-column>
      <el-table-column prop="releaseType" label="发布类型" width="260">
        <template slot-scope="scope" >
        <dict-tag v-for="a in scope.row.releaseType" :options="dict.type.sys_release_type" :value="a"/>
       </template>
      </el-table-column>
</el-table>

2. 编辑页面多选框回显

        

 代码:

 <el-col :span="12" >
     <el-tooltip  content="文书配布选择发布类型时,根据当前选择加载配布对象群体" placement="top-start">
         <el-form-item label="发布类型" prop="releaseType">
           <el-select v-model="form.releaseType" placeholder="请先选择发布类型" multiple  @change="checkedBoxChange">
              <el-option v-for="dict in dict.type.sys_release_type" :key="dict.value" :label="dict.label" :value="dict.value"></el-option> 
            </el-select>
         </el-form-item> 
     </el-tooltip>
</el-col>

转载请注明出处或者链接地址:https://www.qianduange.cn//article/4548.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!