模板添加,默认值获取失败

时间:2021/1/15 16:46
模板添加问题:调用add.do,但是获取不到设定的规格和参数默认值0

  • 目标实现效果:
    当前在template.html模板页面
    点击新增模板按钮,弹出一个窗口,窗口里填写“模板名”
    点击保存按钮,然后刷新当前页,设定新增模板的规格和参数默认是0,如下实现效果:
    在这里插入图片描述

问题分析:通过开发者工具查看,调用add.do,但是报错
,get方法未被支持。
在这里插入图片描述

百度该问题:
在这里插入图片描述

重新查看一边处理流程:
templat.html中,找到保存按钮
在这里插入图片描述

js代码save()
发送post请求,经过TemplateController,调用 TemplateService中的add方法
在这里插入图片描述
TemplateController层

在这里插入图片描述
TemplateService层
在这里插入图片描述
TemplateServiceImpl中,实现添加模板的方法,
设定默认值0

在这里插入图片描述

保存后,刷新当前页,关闭窗口
在这里插入图片描述

在提供的代码中,`complianceStatus` 的默认值确实设置为了 `'符合'`。然而,默认值可能没有生效的原因有几个: 1. **初始化顺序**:确保 `data()` 函数中的初始值正确设置,并且在组件挂载或数据加载时没有被覆盖。 2. **数据绑定问题**:确保在模板中正确绑定了 `v-model`,并且没有其他地方修改了 `selectedItem.complianceStatus`。 3. **数据加载时机**:如果 `selectedItem` 是从后端获取的数据,确保在数据加载完成后,`complianceStatus` 没有被重置。 以下是一些排查和解决方法: ### 1. 检查初始化顺序 确保 `data()` 函数中的初始值正确设置: ```javascript data() { return { currentTab: 'tab1', tab1Data: { status: null, rows: [], originalRows: [] }, taskId: '', anotherData: { status: null, rows: [], originalRows: [] }, isModalVisible: false, selectedItem: { name: '', complianceStatus: '符合', // 默认值为“符合” hazardDescription: '' } }; } ``` ### 2. 检查数据绑定 确保在模板中正确绑定了 `v-model`: ```html <select id="compliance" v-model="selectedItem.complianceStatus"> <option value="符合">符合</option> <option value="不符合">不符合</option> </select> ``` ### 3. 检查数据加载时机 确保在数据加载完成后,`complianceStatus` 没有被重置。可以在 `showDetail` 方法中添加日志输出,检查 `selectedItem` 的初始值: ```javascript methods: { showDetail(item) { this.selectedItem = { ...item }; console.log('Selected Item:', this.selectedItem); this.isModalVisible = true; }, // 其他方法... } ``` ### 4. 确保没有其他地方修改 `selectedItem` 检查是否有其他地方修改了 `selectedItem.complianceStatus`,例如在 `updateItem` 方法中: ```javascript methods: { updateItem() { request({ url: '/api/update_item', method: 'POST', header: { 'content-type': 'application/json', 'Authorization': `Bearer ${getToken()}` }, data: this.selectedItem, dataType: 'json' }).then(response => { this.closeModal(); this.fetchTab1Data(); uni.showToast({ title: '更新成功', icon: 'success' }); }).catch(error => { console.error(error); uni.showToast({ title: '更新失败', icon: 'none' }); }); }, // 其他方法... } ``` 通过以上步骤,可以逐步排查并解决 `complianceStatus` 默认值未生效的问题。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ZrZrZr.l

您的打赏是我的鼓励!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值