vue整合springboot中关于表单,数组数据清空

项目场景:

提示:这里简述项目相关背景:

例如:项目场景:示例:你要多条件查询,查询后你要清空原本表单的数据


问题描述

例如:

  data() {

    return {

      tableCustomerData: [], //数组

      //分页的数据

      customerQuery: { //对象

        page: 1,

        limit: 7,

        name: "", //客户名称

        khno: "", //客户编号

        level: "", //客户等级

      },


清空数据的方法:

1.数组 =>如 tableCustomerData: []  就是 new Array 新的数组 如果数里面有对象,则不能new 不然会清空对象及其属性

2.对象=> 如果

customerQuery: { //对象

        page: 1,

        limit: 7,

        name: "", //客户名称

        khno: "", //客户编号

        level: "", //客户等级

      },

注意:这个时候就不能new Array不然会清空对象属性,可以对 对象经行格式化

//对象初始化

      this.customerQuery = this.$options.data().customerQuery;

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Vue Spring Boot 发送数组数据,你可以使用 axios 库发送 HTTP 请求,并将数组数据作为请求体进行发送。以下是一个示例: ```javascript import axios from 'axios'; // 定义要发送的数组数据 const arrayData = [1, 2, 3, 4, 5]; // 发送数组数据到后端 axios.post('/api/endpoint', arrayData) .then(response => { // 请求成功处理逻辑 console.log(response.data); }) .catch(error => { // 请求失败处理逻辑 console.error(error); }); ``` 在上述示例,我们使用 axios 的 `post` 方法向后端发送 POST 请求,第一个参数是请求的 URL,第二个参数是要发送的数组数据 `arrayData`。后端可以通过接收请求体数据来获取数组数据。 在 Spring Boot ,你可以使用 `@RequestBody` 注解将请求体数据绑定到方法参数上。示例如下: ```java @RestController @RequestMapping("/api") public class MyController { @PostMapping("/endpoint") public void handleArrayData(@RequestBody List<Integer> arrayData) { // 处理数组数据的逻辑 System.out.println(arrayData); } } ``` 上述示例,我们使用 `@PostMapping` 注解来处理 POST 请求,并将请求体数据绑定到方法参数 `arrayData` 上。在方法体内,你可以对数组数据进行相应的处理。 请确保后端接口的请求路径和请求方法与前端代码的请求路径和请求方法一致。 希望以上信息能够帮助到你!如果还有其他问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

喝杯咖啡压压惊

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明:

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

余额充值