Vue.js 删除对象属性的最佳实践
使用 JavaScript 中的 delete 操作符可以删除对象中的一个属性。例如:
let obj = {
name: 'Alice',
age: 30,
gender: 'female'
};
delete obj.age;
console.log(obj); // { name: 'Alice', gender: 'female' }
在 Vue 中,如果要删除组件实例中的一个属性,可以使用 this.$delete 方法。例如:
export default {
data() {
return {
person: {
name: 'Alice',
age: 30,
gender: 'female'
}
};
},
methods: {
deleteAge() {
this.$delete(this.person, 'age');
}
}
};
在模板中调用 deleteAge 方法后,person 对象中的 age 属性将被删除。
原文地址: https://www.cveoy.top/t/topic/naro 著作权归作者所有。请勿转载和采集!