vue实现 文件重命名

1.点击重命名并定义一个弹框

  <template slot-scope="scope">                   
   <el-button size="mini"  @click="showRenameDialog(scope.row)">重命名</el-button>                                   
  </template>

          <el-dialog
                title="文件重命名"
                :visible.sync="RenameDialogVisible"
                width="40%"
                @close="resetForm('FileFormRef')"
                :close-on-click-modal="false"
                >
            <el-form
                    :model="FileForm"
                    ref="FileFormRef"
                    label-width="100px">
                <el-form-item label="当前文件名: ">
                    {
  {FileForm.name}}
                </el-for