首页 > 其他分享 >eleelement ui 下拉列表框和多选框默认回显无效

eleelement ui 下拉列表框和多选框默认回显无效

时间:2023-08-26 16:00:53浏览次数:35  
标签:列表框 回显 title checkList ui rolerList id 选框

elementUI 多选框回显,没有别选中问题

多选框,label是用户选择的value值, {{it.title}}是给用户显示的内容

 想要回显,只需将 checkList 数组与label的值一致,注意类型也要一致,我就是因为checkList 的id为字符串但是rolerList的id为数字类型,就一直都没有对应上

<el-checkbox-group v-model="checkList">
  <el-checkbox v-for="(it,i) in rolerList"
  :key="i" :label="it.id+''">
   {{it.title}}
  </el-checkbox>

checkList:["2","3"]

rolerList:[{id:3,title:"a"},{id:2,title:"b"}]

eleelement ui 下拉列表框和多选框默认回显无效_数据类型

要将这参数变成一致,我的案例是将rolerList的id转换成字符串类型

这样就能够回显了

<el-select v-model="form.group_id" placeholder="角色">
                <el-option
                v-for="item in options"
                :key="item.id"
                :label="item.role_name"
                :value="item.id"
                >
                </el-option>
            </el-select>

下拉框选择状态也是一样,也要数据类型一致

标签:列表框,回显,title,checkList,ui,rolerList,id,选框
From: https://blog.51cto.com/u_16204378/7245042

相关文章

  • windows 桌面GUI自动化- 18.pywinauto 保存控件菜单树结构print_control_identifiers(
    前言.pywinauto可以使用print_control_identifiers()方法打印控件菜单树结构,这对我们查找控件非常方便。print_control_identifiers()查看相关源码defprint_control_identifiers(self,depth=None,filename=None):"""Printsthe'identifiers'......
  • gui_download和ws_filename_get
    *&---------------------------------------------------------------------**&ReportZ100*&*&---------------------------------------------------------------------**&*&*&------------------------------------------------------......
  • 1152 Google Recruitment
    题目:InJuly2004,GooglepostedonagiantbillboardalongHighway101inSiliconValley(showninthepicturebelow)forrecruitment.Thecontentissuper-simple,aURLconsistingofthefirst10-digitprimefoundinconsecutivedigitsofthenaturalcon......
  • 【8月摸鱼计划】GUI
    GUI(图形用户界面)一种全屏幕图形界面,用户通过点击设备(例如鼠标)操纵图形的屏幕元素。基本信息中文名称图形用户界面外文名称GraphicalUserInterface折叠编辑本段概述图形用户界面是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或菜单选项,以选......
  • 【8月摸鱼计划】Python GUI
    总结了一下Python下的图形界面GUI工具,暂时能找到的资料就这么多,后续会补充推荐学习资料。图形界面的定义图形界面图形用户界面(GraphicalUserInterface,简称GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。图形用户界面是一种人与计算机通信的界面显示格式,允许用......
  • NiceGui_prog
    fromniceguiimportuiimportpandasaspdimportmatplotlib,numpyui.label('WelcometoNiceGUI!')ui.button('ClickHere',on_click=lambda:ui.notify('ButtonPressed'))ui.icon('fingerprint',color='primary').......
  • niceGui
    NiceGUI是一个简单易用的基于Python的Web-UI框架,其目的是使在Python中开发前端应用程序变得容易。NiceGUIFramework的UI元素基于Vue和Quasar。NiceGUI带有许多现成的元素。它甚至允许不同元素之间的值绑定。NiceGUI可以轻松显示各种图表。它的开发人员选择在FastAPIFr......
  • windows 桌面GUI自动化- 17.pywinauto 设置全局等待时间Timings
    前言pywinauto查找窗口和控件时会有超时时间与轮询机制,可以通过timings模块设置全局等待时间。timings模块timings模块有三个模式可以设置timings.Timings.fast()快速模式timings.Timings.defaults()默认模式timings.Timings.slow()慢速模式以下是可以调整的......
  • vue后台使用富文本插件的问题(vue-quill-editor)
    1、之前用的wangeditor富文本插件,使用是灰常方便了,但问题多多,插入视频出现问题,有些图片回显也有问题,不显示什么的然后在网上又找了个vue-quill-editor,图片回显什么的是没问题了,就是有点难用,下面来配置一下,记录如何使用vue-quill-editor的插入超链接、图片、视频功能。   ......
  • Acrobat增效工具Quite Imposing Plus下载及安装激活教程
    QuiteImposingPlus增效工具是AdobeAcrobatPDF最常用的拼版排版编辑插件。该插件具备体积小,兼容性好,简单易懂门槛低的优点。QuiteImposingPlus可以用来复制页面、删除页面、移动页面、调整页面大小、书册拼版,足以应付办公PDF页面编辑和书册排版的需求。2023版AdobeAcr......