AVUE 下拉 select 获取选中项的文本

摘要:
底层应该不支持,其它方式应该可以,到时候看看黎大神给的方案。

一、前言

1、mark

本来一开始是想的,在change事件里面,有个参数叫text的,结果没有。
底层应该不支持,其它方式应该可以,到时候看看黎大神给的方案。
目前可行的感觉就这种

change: ({value,column}) => {
	//console.log(this.$refs.crud.DIC.productAttributeCategoryId);
},

2、源码预览

AVUE 下拉 select 获取选中项的文本第1张
AVUE 下拉 select 获取选中项的文本第2张

二、解决方案1

1、原理

在change事件中,获取到value,然后在dic中,用过查询换取text(走了弯路)

2、代码

2.1 品牌name

{
  label: "品牌名称",
  prop: "brandName",
  rules: [{
	required: false,
	message: "请输入品牌名称",
	trigger: "blur"
  }],
  hide: true,
  display:false,
},

2.2 品牌id

{
  label: "品牌",
  prop: "brandId",
  rules: [{
	required: false,
	message: "请输入品牌",
	trigger: "blur"
  }],
  hide: true,// 在列上隐藏
  type: "select",
  dicUrl: "/api/blade-pms/brand/select",
  props: {
	label: "name",
	value: "id"
  },
  change: ({value, column}) => {
	const text = this.getDicSelectText(column.prop, value);
	this.form.brandName = text;
  },
},

2.3 在字典中,通过字典类型和id换取name

  getDicSelectText(type, value) {
	if (validatenull(value)) {
	  return "";
	}
	const bl = this.$refs.crud.DIC.hasOwnProperty(type);
	if (bl) {
	  const obj = this.$refs.crud.DIC[type].find(item => item.id == value);
	  if (!validatenull(obj)) {
		return obj.name;
	  }
	}
	return "";
  },

三、解决方案2

1、偶然发现的,游览器传输数据的时候,带了$brandId,这个就是品牌name

AVUE 下拉 select 获取选中项的文本第3张

2、源码应该是在这里赋的值

AVUE 下拉 select 获取选中项的文本第4张

3、具体使用,直接在保存前赋值就可以了

row.brandName=row.$brandId;
row.productAttributeCategoryName=row.$productAttributeCategoryId;			

AVUE 下拉 select 获取选中项的文本第5张

免责声明:文章转载自《AVUE 下拉 select 获取选中项的文本》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇选包win10 .net3.5的问题及解决方案下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

ES系列二、Mac 通过docker搭建ELK日志收集系统

#检查是否安装了elkdockerimages#清理以前版本的dockerrmi$#安装elk 6.8.0版本的docker pullslasticsearch:6.8.0 dockerpullskibana:68.0dockerpullogstash:68.00#检查dockerimages2是否查看拉取的ElasticSearch:操作命令:docker...

IOS崩溃日志解析(crash log)

IOS的应用程序少不了crash,互联网统计分析工具友盟有一项目错误分析的功能,专门用于应用程序崩溃日志统计,最近研究友盟上统计到的崩溃日志,在此对崩溃日志做一个简单的总结。否则,应用将被iOS终止,并产生低内存崩溃报告。这样,我们去我们的dSYM文件看看我们的UUID是否和崩溃日志上的UUID一致,只有dSYM文件的UUID和崩溃日志上的UUID一致,我们...

mac格式化重装系统

4.选择“重新安装MacOS”5.按照以下步骤中的提示进行操作。安装需要半个多小时。在此期间无法断开网络,否则需要重新安装...

如何根据角色批量激活SAP Fiori服务

我们知道Fiori的角色不同于ERP,即使您的帐户具有SAP_ALL权限,但当您打开Fiori时,它也是空的:只有在您将Fiori所需的角色添加到帐户并激活相关服务时,才能使用Fioriapp。否则,打开Fioriapps将报告错误。可以通过GUI事务代码找到特定错误:/n/iwfnd/error_Log以查看特定原因。...

流控制、FlowControl

作用就是防止网络拥堵时导致的“丢包”问题,大致的工作原理就是当链路两端的设备有一端忙不过来了,他会给另外一端的设备发一个暂停发包的命令,通过这种方式来缓解压力,解决丢包问题。看上去流控制应该是个非常好的防止丢包的方法,但是为什么我们还要在无盘上关闭他呢?...

数据库软考易混淆知识之信息化基础、项目管理

2、 关键路径关键路径是活动图中最长的路径示例:图中显示了软件项目的活动图,其中固定点表示项目里程碑,连接顶点的边表示包含的活动,边上的数字表示活动持续时间的天数,则完成项目的最短时间为()天,活动EH和IJ的放松时间分别为()日。...