修改不显示页面问题

src/views/activiti/definition/index.vue

@@ -78,7 +78,7 @@
       </el-table-column>-->
       <el-table-column label="状态" align="center" prop="suspendStateName" width="90" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+        <template #default="scope">
           <el-button
             size="mini"
             type="text"
@@ -110,7 +110,7 @@
     />
 
     <!-- 部署流程定义对话框 -->
-    <el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" :title="title" v-model="open" width="500px" append-to-body>
       <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
         <el-form-item label="上传" prop="upload" required>
           <el-upload ref="upload" :file-list="uploadfileList" :action="uploadAction"
@@ -235,6 +235,7 @@
       /** 激活挂起按钮操作 */
       handleState(row) {
         const pid = row.id;
+
         const suspendState = row.suspendState;
         const opt = row.suspendState === '2' ? '激活': '挂起';
         this.$confirm('是否确认' + opt + 'ID为"' + pid + '"的流程定义?', "警告", {

src/views/activiti/modeler/index.vue

@@ -49,7 +49,7 @@
       <el-table-column label="创建时间" align="center" prop="createTime" width="180" />
       <el-table-column label="最后更新时间" align="center" prop="lastUpdateTime" width="180" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+        <template  #default="scope">
           <el-button
             size="mini"
             type="text"
@@ -217,6 +217,7 @@
       handleUpdate(row) {
         this.reset();
         const modelId = row.id;
+        console.log( row.id)
         this.designModeler(modelId);
       },
       /** 提交按钮 */