点击编辑的连接功能

src/components/click/overClick.vue

@@ -6,14 +6,16 @@
     <div
       v-show="!visible"
       class="over-context"
+      :class="{'is-link':parameter !== null}"
       @mouseover="hide(false)"
       @mouseleave="hide(true)"
+      @click="link()"
     >
       <slot name="overMouse" />
       <i
         class="el-icon-edit"
         :class="{'hide-edit': hideEdit}"
-        @click="handleClick()"
+        @click.stop="handleClick()"
       />
     </div>
   </div>
@@ -26,6 +28,11 @@ export default {
       default: false,
       required: false
     },
+    parameter: {
+      type: Object,
+      default: () => null,
+      required: false
+    },
     id: {
       type: String,
       default: 'click-parent',
@@ -69,6 +76,11 @@ export default {
     },
     hide(val) {
       this.hideEdit = val
+    },
+    link() {
+      if (this.parameter) {
+        this.$router.push(this.parameter)
+      }
     }
   }
 }
@@ -80,6 +92,9 @@ export default {
   padding-right: 5px;
   color: #409EFF;
 }
+.is-link {
+  cursor: pointer;
+}
 .hide-edit {
   visibility: hidden;
 }