Vue 弹窗获取form表单输入的内容

想实现的效果是在表单提交的时候弹出框显示输入的内容。
实现：
提交按钮绑定了一个open方法

主要代码如下：

 <el-form  @submit.prevent="submit" ref="form" :model="form" label-width="80px">
          <el-form-item label="类型">
            <el-input v-model="form.type" name='type' id='type'></el-input>
          </el-form-item
          <el-form-item label="重量(g)">
            <el-input v-model="form.weight"></el-input>
          </el-form-item>
         
          <el-form-item>
            <el-button type="primary" @click="onSubmit();open()">注册</el-button>
          </el-form-item>
        </el-form>
        
//——————以下是script里的内容———————
methods: {
      onSubmit() {
        console.log('submit!');
      },
      open() {
        this.$confirm('您