vue项目中重置对象属性值

项目中遇到查询列表的页面都会有条件筛选的功能，一般筛选会有重置的按钮， 条件少的话可以一个一个把数据置空，但是筛选条件多的话这种方法会让代码看起来很不友好，如下两行代码就能解决，哈哈

data(){
    return{
        tempFilterData: {
            dispatchUserNameToShow: '',
            dispatchUserIdToShow: '',
            patrolRealPeopleName: '',
            patrolRealPeopleId: '',
            patrolDepName: '',
            patrolDepId: '',
            patrolStatusName: '',
            patrolStatusId: ''
         },
    }
},
methods:{
    // 重置
    onReset() {
      Object.keys(this.tempFilterData).forEach(key => {
        this.tempFilterData[key] = '';
      });
    }
}