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

这篇具有很好参考价值的文章主要介绍了ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 列表中回显:

vue 类型 回显数据,Ruoyi,vue.js,前端,elementui

代码: 

<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. 编辑页面多选框回显

        vue 类型 回显数据,Ruoyi,vue.js,前端,elementui

 代码:文章来源地址https://www.toymoban.com/news/detail-772416.html

 <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>

到了这里,关于ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Ruoyi-Vue处理跨域问题、同时请求多个域名接口(前端处理)

    Ruoyi-Vue项目请求不同地址的接口,主要在于处理跨域问题,即vue.config.js文件处理 1. 修改配置文件(.env.development/.env.production) 2. 修改vue.config.js文件 即新增一个代理。部署项目时, 如果使用nginx等代理方式,记得配置VUE_APP_API_SERVICE对应的路径及跳转地址 3. 新建requestNew.js文件

    2024年02月03日
    浏览(40)
  • ruoyi~为字典回显添加自定义样式

    ruoyi框架的vue版本中,对字典的回显样式的设计,默认有以下几种 如果希望添加一种红色字体的,可以这样实现,实现后你的回显就多了一种红色字体的样式了 在app.vue中,添加对象的css样式 在src/view/system/dict/data.vue文件中,添加对应的标签 定义好了之后,我们的列表页引用

    2024年02月08日
    浏览(32)
  • ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

    1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件 2.将sql文件下的两个sql文件导入数据库生成表  3.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication-druid.yml修改数据库名和密码 4.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication.yml配置red

    2024年04月14日
    浏览(48)
  • Ruoyi-vue项目讲解

    @[TOC]若依前后端调用接口解读 若依github官方下载地址 若依gitee官方下载地址 调用前端登录界面的时候,调用的是login.vue这个文件中的created函数 这里我们查看getCode函数方法 可以看到,这里先调用了一个getCodeImg函数,然后接收到后端返回的值之后,再进行相应的处理,显示图

    2024年02月08日
    浏览(51)
  • RuoYi-Vue下载与运行

    若依官网:RuoYi 若依官方网站 鼠标放到\\\"源码地址\\\"上,点击\\\"RuoYi-Vue 前端分离版\\\"。 跳转至Gitee页面,点击\\\"克隆/下载\\\",复制HTTPS链接即可。 源码地址为:https://gitee.com/y_project/RuoYi-Vue.git 打开IDEA,选择\\\"Get from VCS\\\"。 将源码地址粘贴到URL输入框中,并选择本地项目路径,点击\\\"C

    2024年02月04日
    浏览(43)
  • 若依Ruoyi-Vue生成代码使用

    目录 一、效果一览: 二、详细步骤: ①登录若依----点击系统工具--点击代码生成模块 ②使用Navicat在若依数据库里面新建一张表单,我这示例创建了my_students表单 并为表设计字段添加数据  ③在代码生成栏导入刚才创建的my_students表 并编辑这张表  ④完成这些操作之后,点

    2024年02月05日
    浏览(46)
  • RuoYi-Vue前后端分离搭建MQTT服务器实现消息订阅、发布、数据存储 (EMQX Windows10)最全,懒人操作

    1、在RuoYi-Vue项目的superVisualizationSys-common模块下的pom.xml加入jar包依赖 3、在superVisualizationSys-commonsrcmainjavacomsuperVisualizationcommonutils目录下新建mqtt文件夹,添加以下三个文件 注:项目报红的地方可以按Alt+Enter键导包 下载路径: https://www.emqx.io/zh/download   1. 在windows上安装

    2024年02月15日
    浏览(50)
  • RuoYi-Vue部署服务器流程

    本文以腾讯云服务器+宝塔面板为例子,介绍RuoYi-Vue分离版本的服务器部署流程,如在部署过程中遇到问题或有什么好的建议,欢迎在评论区留言 目录 1、服务器环境配置 2、vue项目打包 2.1、前端项目打包 2.2、打包文件路径配置 2.3、前端部署测试 3、Spring Boot项目打包部署

    2024年01月15日
    浏览(50)
  • ruoyi-vue | electron打包教程(超详细)

    公司项目由于来不及单独做客户端了,所以想到用electron直接将前端打包程exe,dmg等格式的安装包。 由于使用的ruoyi-vue框架开发,所以这篇教程以ruoyi-vue为基础的。 nodejs:v16.18.1 npm:8.19.2 ruoyi-vue:3.8.6 ruoyi-vue:https://gitee.com/y_project/RuoYi-Vue 如果报错,大概率是网络问题。可以

    2024年02月12日
    浏览(43)
  • 若依RuoYi-Vue项目部署(前后端分离版本)

    RuoYi 是一个后台管理系统,基于经典技术组合(Spring Boot、Apache Shiro、MyBatis、Thymeleaf)主要目的让开发者注重专注业务,降低技术难度,从而节省人力成本,缩短项目周期,提高软件安全质量。 若依是作者给女儿取的名字(寓意:你若不离不弃,我必生死相依) 在线体验 若

    2023年04月08日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包