ソースを参照

解决遍历v-for报错,改成li并加上id

yxc 2 年 前
コミット
4c8847e569

+ 1 - 0
src/store/modules/permission.js

@@ -145,6 +145,7 @@ export const loadView = (view) => {
   }
 }
 export const loadView1 = (view) => {
+  // console.log(view);
   if (process.env.NODE_ENV === 'development') {
     return (resolve) => require([`@/views1/${view}`], resolve)
   } else {

+ 9 - 18
src/views1/HomeView.vue

@@ -35,9 +35,9 @@
               <span class="nav1">
                 <img :src="srcIndex == '2' ? icoUrl[2]['doc1'] : icoUrl[2]['doc2']" /> </span>文档管理
             </template>
-            <template v-for="(item, index) in  docMenus">
+            <li v-for="(item, index) in  docMenus" :key="index">
               <el-menu-item :index="item.path">{{item.meta.title}}</el-menu-item>
-            </template>
+            </li>
             <!-- <li v-for="(item, index) in arr" :key="index"> -->
             <!-- <el-menu-item index="/home/file/part">部门文档</el-menu-item>
             <el-menu-item index="/home/doc/public">公共文档</el-menu-item>
@@ -56,9 +56,11 @@
                   " />
                 <!-- <img src="../assets/img/nav-person1.png"> --> </span>个人设置
             </template>
-            <template v-for="(item, index) in  settingMenus">
-              <el-menu-item :index="item.path">{{item.meta.title}}</el-menu-item>
-            </template>
+            <li v-for="(item, index) in  settingMenus" :key="index">
+              <el-menu-item 
+              :index="item.path">{{item.meta.title}}
+              </el-menu-item>
+            </li>
             <!-- <el-menu-item index="/home/personal/Partspace">部门存储空间</el-menu-item>
             <el-menu-item index="/home/personal/Publispace">公共存储空间</el-menu-item>
             <el-menu-item index="/home/personal/Storagespace">分组存储空间</el-menu-item>
@@ -117,11 +119,6 @@
 </template>
 
 <script>
-  // import page from "./Page/PageView";
-  // import retrieval from "./Retrieval/RetrievalView";
-  // import file from "./File/FileView";
-  // import personal from "./Personal/PersonalView";
-  // import system from "./System/SystemView";
   import {
     constantRoutes
   } from "@/router";
@@ -161,13 +158,6 @@
         ]
       };
     },
-    // components: {
-    //   page,
-    //   retrieval,
-    //   file,
-    //   personal,
-    //   system
-    // },
     created() {
       console.log(this.routers)
 
@@ -204,11 +194,11 @@
       },
     },
     computed: {
-
       // 文档菜单
       docMenus() {
         let docMenus = [];
         this.routers.map((menu) => {
+          console.log(menu,'sdfsfsfdsf');
           if (menu.path === "/home-doc") {
             docMenus = menu.children;
           }
@@ -219,6 +209,7 @@
       settingMenus() {
         let settingMenus = [];
         this.routers.map((menu) => {
+          // console.log(menu);
           if (menu.path === "/home-setting") {
             settingMenus = menu.children;
           }

+ 16 - 36
src/views1/Retrieval/RetrievalView.vue

@@ -11,40 +11,11 @@
         class="cen—top-img"
       />
     </div>
-    <!-- <div class="range">
-      <p class="range-p">文档范围:</p>
-      <ul class="range-ul">
-        <li>全部文档</li>
-        <li>公共文档</li>
-        <li>部门文档</li>
-        <li>个人文档</li>
-      </ul>
-    </div> -->
-    <!-- <div class="category">
-    <p class="range-p">文档分类:</p>
-      <ul class="range-ul">
-        <li>全部文档</li>
-        <li>公共文档</li>
-        <li>部门文档</li>
-        <li>个人文档</li>
-      </ul>
-    </div> -->
-    <!-- <div class="time">    
-    <span>时间选择:</span>
-    <el-checkbox-group v-model="checkList"> 
-    <el-checkbox label="不限"></el-checkbox>
-    <el-checkbox label="30天"></el-checkbox>
-    <el-checkbox label="7天"></el-checkbox>
-    <el-checkbox label="1天"></el-checkbox>
-    <el-date-picker
-      v-model="value1"
-      type="daterange"
-      range-separator="至"
-      start-placeholder="开始日期"
-      end-placeholder="结束日期">
-    </el-date-picker>
-  </el-checkbox-group>
-    </div> -->
+    <div class="main">
+      <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
+    <li v-for="i in count" class="infinite-list-item" :key="i">{{ i }}</li>
+    </ul>
+    </div>
   </div>
 </template>
 
@@ -53,11 +24,14 @@
     data() {
       return {
         checkList: [],
-        value1: ''
+        value1: '',
+        count: 0,
       };
     },
     methods:{
-
+      load () {
+        this.count += 2
+      },
     }
   };
 
@@ -145,5 +119,11 @@
       }
     }
   }
+  .main{
+    width: calc(100vw * (1450/ 1920));
+    height: calc(100vh * (670 / 1080));
+    background: salmon;
+    margin-left: calc(100vw * (230 / 1920));
+  }
 }
 </style>