标签:option value label 激活状态 选中 formatter select
在我的项目中使用vxe table组件时,edit-render配置{name: '$select', options: [{label:"脉搏",value:"maibo"},{label:"体温",value:"temp"}...]}。
当激活单元格的edit-render选中某个option后,
移走或关闭单元格(cell)的激活状态,此单元格会显示option的value而不是label,value是与后台交互的代码,label实时显示给用户辨识的,
结果如图:
移走或关闭单元格(cell)的激活状态后显示结果,如图:
此时显示的不是选中的option的label,而是其value值,正常情况应该是label显示在前端,value与后端交互使用。
为了找到解决方法,尝试了各种途径,最终才找到原因,问题出在vxe-column的属性formatter上,此属性不能和
属性edit-render配置{name: '$select'}一起用,会导致select选中后显示value。去除配置formatter后,结果如图:
关闭单元格编辑状态后结果如图:
去除vxe-column的属性formatter只是治标的方法,如果此时一定要使用formatter属性,可以自己处理,将
formatter的执行函数的cellValue参数(cellValue即是option选中项的value)与select的options匹配一下,
匹配到option选中项的label返回出去;没如此做过不知道是否可行,此处只是建议
标签:option,value,label,激活状态,选中,formatter,select 来源: https://www.cnblogs.com/Hellen-Sun/p/15385044.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。