开发日常的问题总结

1.因网速原因数据请求快慢的影响

s

数据请求时可能因为网速问题，请求获取不及时，导致数组在push的时候并没有按照 10101、10102、10103、10104的顺序填入。

此时我想要组重新排序一下，按照bedId的大小递增push让数

【这里先用笨方法，暂时没想到怎么用简便法子】

2.子组件初次渲染之后，更新不及时问题

问题：一开始猴子这里的日期和前者的一样，不管后来如何获取数据都不变，除非重新渲染整个页面

解决方法：使用 v-for 的 key 属性

确保 v-for 的 key 属性设置正确，这有助于 Vue 识别哪些项发生了变化。你已经在代码中使用了 :key="index"，但有时候使用对象的唯一标识符（如 id）作为 key 可能更有效。

3.处理日期数据

可以直接借助moment.js库去处理

1)先要安装导入

npm install moment

 2)需要在main.js中引入挂载全局，这样才方便在组件中使用this.$moent去使用，不然会报

//main.js

import moment from 'moment'
Vue.prototype.$moment = moment

3)就可以在组件中全局使用了

this.tableData.forEach(item => {
  item.usageDate = this.$moment(item.usageDate).format('YYYY-MM-DD')
  item.createdAt = this.$moment(item.createdAt).format('YYYY-MM-DD')
  item.updatedAt = this.$moment(item.updatedAt).format('YYYY-MM-DD')
})

对比图：             使用前                                                                    使用后

 4.提交数据时对象属性比要求的数据多了

   这里需要五个值

但一开始多了，可以删除几个

在 JavaScript 中，可以使用 delete 操作符来删除对象的某个属性。以下是如何操作的示例：

假设我们有一个对象 person，我们想要删除它的 age 属性：

let person = {
  name: "John",
  age: 30,
  city: "New York"
};

console.log("Before deletion:", person);

// 删除 age 属性
delete person.age;

console.log("After deletion:", person);

执行上述代码后，person 对象将不再包含 age 属性。

注意事项

1. 删除属性后无法恢复：使用 delete 删除对象属性后，该属性将无法恢复，除非重新赋值。

2. 不影响原型链：delete 操作符只影响对象自身的属性，不影响对象原型链上的属性。

3. 可以删除数组元素：虽然数组是特殊的对象，但 delete 也可以用于删除数组的索引属性，不过这不会改变数组的长度，只会使该索引位置的值变为 undefined。

let numbers = [1, 2, 3, 4, 5];
delete numbers[2]; // 删除索引为 2 的元素

console.log(numbers); // 输出: [1, 2, undefined, 4, 5]

    4.删除属性返回布尔值：delete 操作符会返回一个布尔值，表示删除操作是否成功。如果成功删除属性，返回 true；如果属性不存在，返回 false。

let obj = { a: 1 };
console.log(delete obj.a); // 输出: true

console.log(delete obj.b); // 输出: false，因为 b 属性不存在

   5.避免删除函数内的局部变量：在函数内部使用 delete 删除局部变量可能会导致意外行为，因为局部变量的删除行为可能因 JavaScript 引擎的不同而不同。

通过使用 delete 操作符，可以灵活地管理对象的属性，删除不再需要的属性以节省内存或保持对象的整洁。