<script language="JavaScript">
    var app = new Vue({
        el: '#appContainer',
        data: {
            form: {
                name: '',
                parent_id: 0,
                icon: '',
                taxis: 0
            }
        },
        methods: {
            resetForm: function(formName){
                this.$refs[formName].resetFields();
            },
            cateEdit: function(idx,row){
                this.editTradeCategory = true;
                axios.post('/api.php/……',{
                    id: row.id
                }).then(function(res){
                    var result = res.data;
                    if(result.code === 1){
                        app.$data.form = result.data;
                    }
                });
            }
        },
        created: function(){
            
        }
    })
</script>

新增 和 编辑，使用的是一个 from ，编辑的时候，先加载该记录数据
我的问题是
页面加载完以后，如果我直接点击新增，那么往后我清空表单元素都是正常的，而如果我先编辑某条记录，那往后无论再进行啥操作，重置表单只能重置到第一次编辑的数据状态，而不是 data.form 默认的空值

这是为什么，有什么好的解决方案