el+vue实战 ④ el-table表格重置，一行代码实现

<template>
 <el-button @click="Cancel">取 消</el-button>
 <el-form :model="addForm">
     <el-form-item>
        ...
     <el-form-item>
 </el-form>
</template>

<script>
 export default{
     data(){
         return{
             adForm:[],
        }
    },
    methods:{
            Cancel() {
                //一行解决
                this.addForm = this.$options.data().addForm;
        },
    }
}
</script>

一行解决：

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

addForm为表格绑定的数据。

vue中 this.$options.data() 可以重置vue组件中的data数据。