更新项目依赖至最新版本

Author: xujianhua

package-lock.json

@@ -10,21 +10,21 @@
     "dependencies": {
         "@element-plus/icons": "0.0.11",
         "axios": "^0.23.0",
-        "core-js": "^3.18.3",
+        "core-js": "^3.19.0",
         "dayjs": "^1.10.7",
         "echarts": "^5.2.1",
-        "element-plus": "^1.1.0-beta.20",
+        "element-plus": "^1.1.0-beta.24",
         "normalize.css": "^8.0.1",
         "nprogress": "^0.2.0",
         "qs": "^6.10.1",
         "vue": "^3.2.20",
-        "vue-router": "^4.0.11",
+        "vue-router": "^4.0.12",
         "vuex": "^4.0.2",
         "xe-utils": "^3.4.0",
         "zdog": "^1.1.2"
     },
     "devDependencies": {
-        "@vue/babel-plugin-jsx": "^1.1.0",
+        "@vue/babel-plugin-jsx": "^1.1.1",
         "@vue/cli-plugin-babel": "^4.5.13",
         "@vue/cli-plugin-eslint": "^4.5.13",
         "@vue/cli-plugin-router": "^4.5.13",
@@ -36,11 +36,11 @@
         "compression-webpack-plugin": "^6.1.1",
         "eslint": "^7.32.0",
         "eslint-plugin-prettier": "^3.4.1",
-        "eslint-plugin-vue": "^7.19.1",
-        "lint-staged": "^11.2.3",
+        "eslint-plugin-vue": "^7.20.0",
+        "lint-staged": "^11.2.6",
         "mockjs": "^1.1.0",
         "prettier": "^2.4.1",
-        "sass": "^1.43.2",
+        "sass": "^1.43.4",
         "sass-loader": "^10.2.0",
         "uglifyjs-webpack-plugin": "^2.2.0",
         "vue-cli-plugin-axios": "^0.0.4",

package.json

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-03-02 09:30:13
- * @LastEditTime: 2021-10-15 14:41:36
+ * @LastEditTime: 2021-10-28 17:14:54
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \vue3-element-admin\src\views\IFrame.vue
@@ -27,14 +27,13 @@ const load = ref(true);
 const iframe = ref(null);
 
 const setLoad = () => {
+    const $onLoad = () => {
+        load.value = false;
+    };
     if (iframe.value.attachEvent) {
-        iframe.value.attachEvent("onload", function () {
-            load.value = false;
-        });
+        iframe.value.attachEvent("onload", $onLoad);
     } else {
-        iframe.value.onload = function () {
-            load.value = false;
-        };
+        iframe.value.onload = $onLoad;
     }
 };
 

src/views/IFrame.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-02-09 15:24:23
- * @LastEditTime: 2021-10-15 19:15:12
+ * @LastEditTime: 2021-10-28 17:33:58
  * @LastEditors: Please set LastEditors
  * @Description: In User Settings Edit
  * @FilePath: \vue3-element-admin\src\views\layoutpages\system\components\MenuEdit.vue
@@ -38,6 +38,7 @@
             </el-form-item>
             <el-form-item label="父级" prop="parentId">
                 <el-cascader
+                    :key="cascaderKey"
                     style="width: 100%"
                     :options="menuList"
                     v-model="parentId"
@@ -257,7 +258,8 @@ const closeDialog = () => {
 };
 const ve_icons = ref([]);
 const formRef = ref(null);
-
+const cascaderKey = ref(0);
+const files = getfiles();
 const form = reactive({
     name: "",
     type: 0,
@@ -375,6 +377,8 @@ rowData.value &&
  * @return {*}
  */
 const changeType = (val) => {
+    //! el-cascader有bug 更新el-cascader组件 临时解决
+    cascaderKey.value = Math.random();
     formRef.value.resetFields();
     val == 2 && (icon.value = "");
 };
@@ -484,8 +488,8 @@ const menuOptions = computed(() => {
         menuList.value,
         (item) => item.id == parentId.value
     );
-    if (_item && getfiles().find((item) => item.url == _item.item.url)) {
-        return getfiles().find((item) => item.url == _item.item.url).menus;
+    if (_item && files.find((item) => item.url == _item.item.url)) {
+        return files.find((item) => item.url == _item.item.url).menus;
     } else {
         return false;
     }