优化

src/components/collectionTable.vue

@@ -61,10 +61,15 @@
                         <span style="font-size: 13px;">操作</span>
                     </template>
                     <template #default="{ row }">
-                        <!-- <el-tooltip class="item" effect="dark" content="删除" placement="top"> -->
+
                         <img style="width: 38px;height: 28px;vertical-align: bottom;cursor: pointer;" src="../assets/close.svg" @click.stop="columnDelete(row)" v-if="row.xpath !== ''">
-                        <img style="width: 37px;height: 24px;vertical-align: bottom;cursor: pointer;" src="../assets/addTable.svg" @click.stop="selectElement" v-else>
-                        <!-- </el-tooltip> -->
+                        <template v-else>
+                            <el-tooltip class="item" effect="dark" content="点击按钮,右击页面元素添加数据" placement="top">
+                                <img style="width: 24px;height: 24px;vertical-align: bottom;cursor: pointer;background-color: transparent;" src="../assets/addTable.svg" @click.stop="selectElement">
+                            </el-tooltip>
+                        </template>
+
+
                     </template>
                 </vxe-column>
             </vxe-table>
@@ -287,8 +292,8 @@ export default {
             window.currentlyHighlighted = event.target;
             _this.selectTable = false;
             // 移除事件监听器
-            // document.removeEventListener('contextmenu', contextMenuHandler);
-            // _this.contextMenuListenerAdded = false;
+            document.removeEventListener('contextmenu', this.contextMenuHandler);
+            _this.contextMenuListenerAdded = false;
         },
         // 选择元素按钮调用
         selectElement () {