【BUG】vue中@change时间传值丢失问题

项目场景:

在修改项目bug时,发现后端响应到前端的值,通过@change事件调用方法,在方法中拿到值时,有部分数据丢失。


问题描述

后端传到前端的值为:字符串类型的"00000089",@change调用的方法中,拿到这个值时,变为了89。

错误代码:

html 复制代码
<el-from-item prop="insured">
	<el-checkbox-group v-model="dto.insured">
		<% for(item in vo.insured) { %>
			<el-checkbox label="${item.name}" @change = "inChange(${item.no})"> </el-checkbox>
		<% } %>
	</el-checkbox-group >
</el-from-item> 


<script type="text/javascript">
	inChange : function(val){
		console.log("res:" , val);
	}
</script>

原因分析:

后端传到前端的值为:字符串类型的"00000089",但是传递@change事件中,元素类型发生了改变,变为数字类型,传递到方法中就变为了数字类型的89。


解决方案:

直接上代码:

html 复制代码
<el-from-item prop="insured">
	<el-checkbox-group v-model="dto.insured">
		<% for(item in vo.insured) { %>
			<el-checkbox label="${item.name}" name="${item.no}" @change = "inChange"> </el-checkbox>
		<% } %>
	</el-checkbox-group >
</el-from-item> 


<script type="text/javascript">
	inChange : function(val, e){
		console.log("res:" , e.target.name);
	}
</script>
相关推荐
ydyd2026042111 分钟前
设备OEE怎么提升?数据采集+分析优化的完整方案
java·服务器·前端
(╹◡╹)32 分钟前
11.RK3588本地大模型内存评估优化
java·linux·前端
电气研究所1 小时前
Java + Redis 实现工业设备告警去抖,避免变频器故障重复推送
java·前端
AI视觉网奇1 小时前
cannot import name ‘model_urls‘ from ‘torchvision.models.resnet‘
linux·前端·javascript
小锋java12341 小时前
【技术专题】Vue3 - 生命周期
vue.js·vite
Vuji1 小时前
深入 pi-agent 内核:完整追踪一次 CLI 交互的完整链路
前端·agent
zfoo-framework1 小时前
安装pi agent 支持duojie和deepseek
java·服务器·前端
l1m0_1 小时前
告别反复修改Prompt:AI生成React应用并落地开发的实战复盘
前端·react.js·ui·ai·设计
xexpertS2 小时前
前端工程转型实践:从 Ember 迁移到 React,提升构建速度与研发效能
前端·react.js·前端框架
大家的林语冰2 小时前
👍 JS 还在进化,ES2026 正式推出,最新七大特性补全!
前端·javascript·json