记一次Vue传递参数变成了鼠标事件的问题

代码如下：

<template>
  <div >
    
  
<el-form :label-position="labelPosition" label-width="80px" :model="form">

  <el-form-item label="assertions">
    <el-input v-model="form.assertions"></el-input>
  </el-form-item>
  <el-form-item label="extract">
    <el-input v-model="form.extract"></el-input>
  </el-form-item>
     <el-button type="primary" :loading="loading" v-if="create" @click="handleCreateCase">创建</el-button>
    <el-button type="primary" :loading="loading" v-if="edit" @click.native.prevent="handleCreateCase">更新</el-button>
</el-form>
  </div>
</template>

<script>
import { getDetail, excuteGroup, save} from '@/api/case'
import { validateEmptyString } from '@/utils/validate'
  export default {
    data() {
      return {
        form:{
          name: '',
          url: '',
          method: '',
          data:'',
          header:'',
          tag:'',
          desction:'',
        }
      };
    },
   created() {
    const id = this.$route.params && this.$route.params.id
    console.log(id)
    // this.fetchData(id)
    if (id) {
      this.fetchData(id)
      this.edit = true
    } else {
      this.create = true
    }
  
  },
  methods: {
    fetchData(id){
      getDetail(id).then(response=>{
        this.form = response.data
      })
    },
    handleCreateCase(form){
       this.loading = true
      save([this.form])
    }
  }
  }
</script>

解决方法： 去掉 handleCreateCase里面的参数form

    handleCreateCase(){
       this.loading = true
      save([form])
    }