el-dialog 新增与编辑同时使用

v-if不加会出错

 <el-dialog :title="title"  :visible.sync="shareDialogVisible" v-if="shareDialogVisible" width="30%">
      <el-form ref="form" :model="form" :rules="rules" label-width="33%" >
        <el-form-item label="状态：" prop="ifEnabled">
          <el-col :span="22">
            <el-select class="w" v-model="form.ifEnabled" placeholder="请选择状态">
              <el-option
                v-for="item in optionsStatus"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              ></el-option>
            </el-select>
          </el-col>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button class="mr10" @click="shareDialogVisible=false">取 消</el-button>
        <el-button type="primary" @click="submitForm('form')">确 定</el-button>
      </span>
    </el-dialog>

created() {
    this.formCopy=JSON.parse(JSON.stringify(this.form))
  },

   // 新增或编辑
    async handleClick(row) {
      let that = this;
      if (row) {
        this.title = "编辑";
        console.log(row)
        this.form=row;
      } else {
        this.title = "新增";
        this.form=JSON.parse(JSON.stringify(this.formCopy))
      }
       this.shareDialogVisible = true; 
    },