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

本文主要介绍了在Vue.js项目中如何清空和初始化数据,特别是针对数组和对象的不同处理方式。对于数组,可以使用new Array来清空,而对象则需要通过赋值为初始状态来保持其属性。例如,清空tableCustomerData数组可以使用tableCustomerData: [],而对象customerQuery则应该用this.customerQuery = this.$options.data().customerQuery来初始化,以保留对象的属性设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目场景:

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

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


问题描述

例如:

  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
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

喝杯咖啡压压惊

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

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

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

打赏作者

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

抵扣说明:

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

余额充值