element ui 之el-cascader 将id读成value

news/2024/7/10 1:59:33 标签: elementui, vue

el-cascader 是一个很不错的父子级选择工具但他只读
label 显示内容
value 值
children 子集字段
但很多时候后台会为了命名规范无法满足你的需求
特别是id变value这件事是大部分后台开发者都完全无法接受的多开一个字段都不行再说这也确实是前端这边的需要问题
其实我们可以通过props 去改变他的定义值
参考代码如下

 <el-cascader
    style = "width: 300px;"
    class = "inputMarginLeft12px"
    :props="{ value: 'id',label: 'name',children: 'children',checkStrictly: true }"
    clearable
    v-model="formInline.ParentMenu"
    :options="MenuList"
></el-cascader>

这里我们规定要按value来读id 按label读name 按children读children
checkStrictly的话这是开启多选的配置
那么你学废了吗？

http://www.niftyadmin.cn/n/1037445.html

js 时间格式字符串转时间搓格式

话不多说直接上代码 var date 2023-05-12 17:59:00; get_unix_time function(date) {date date;date date.substring(0,19);date date.replace(/-/g,/);var timestamp new Date(date).getTime();return timestamp}console.log(get_unix_time(date));

js 字符串去除空格

直接看代码 let str 我的文件, 资料库, ; str str.replace(/ /g,) console.log(str); //我的文件,资料库,;

vue通过file 类型 input实现上传二进制文件

页面上只需要一个简单的文件类型的输入框 <inputtype"file"id"file"class"filepath"change"changepic($event)"accept"image/jpg,image/jpeg,image/png,image/PNG" >这里需要注意的是 vue中 file类型的输入框是不支持…

zookeeper单机服务器启动流程

zookeeper单机服务器启动流程一、源码编译二、启动流程总结一、源码编译源码编译编译zookeeper源码 1:ant eclipse2:将bulild.xml中的(1900多行的地方) get src"http://downloads.sourceforge.net/project/ant-eclipse/ant-eclipse/1.0/ant-eclipse-1.0.bin.tar.bz2&q…

vue 通过接口下载二进制文件

有一些比较老的后台接口会直接返回一个二进制文件那么我们要怎么去完成他的下载呢？ 直接看代码 let url process.env.VUE_APP_BASE_API接口地址?参数${参数值} // 生成一个a标签let link document.createElement(a)link.style.display nonelink.href url// 生…

TS定义class类及类之间继承方法

ES5的话类主要靠的是构造函数原型链这个就不多说了感兴趣的朋友可以去看一下但构造函数和原型链的用法我老实说他开始展现出被一些更规范语法取代的意向 ts定义一个基础类通过一个class的关键字代码如下 class min{name:String;constructor(){this.name 你好;console…

TS类变量修饰符

TS提供给了我们三个修饰符 public 共有属性 protected 保护属性 private 私有属性我们来看看代码 class min{public name:String;constructor(name:String){this.name name;console.log(this.name);} } class kowd extends min{constructor(name:String){super(name)console…

element ui表格禁止选择

有些时候我们就需要实现在一些状态下不能选择表格某些行数据的逻辑主要要靠selectable <el-table:data"tableData"style"width: 100%;margin-top:15px"ref"rightTable"row-clickrowClick:row-class-name"tableRowClassName">…

element ui 之el-cascader 将id读成value

相关文章