选中文件夹-其它地方去掉选中样式

src/views/materialContent/materialList/index.vue

@@ -15,7 +15,7 @@
       </div>
 
       <!-- 文件夹list -->
-      <div v-for="(item,index) in materialFolders" :key="item.id" :class="['material_item', 'folder', { 'item_multi': folderChecked == index }]" @click="editFolder(item,index)" @dblclick="floderDbClick(item,index)">
+      <div v-for="(item,index) in materialFolders" :key="item.id" :class="['material_item', 'folder', { 'item_multi': folderChecked == index }]" @click.stop="editFolder(item,index)" @dblclick="floderDbClick(item,index)">
         <div class="icon_bg">
           <svg v-if="!item.imgPath" class="font-icon icon" aria-hidden="true">
             <use xlink:href="#icon-wenjianjia" />
@@ -85,7 +85,7 @@
           @click="editContent()"
         >编辑</el-button>
         <el-button type="button" class="mulit_btn">下载</el-button>
-        <el-button type="button" class="mulit_btn" @click="moveingTo()">移动</el-button>
+        <el-button v-if="!isToFolder" type="button" class="mulit_btn" @click="moveingTo()">移动</el-button>
         <el-button type="button" class="mulit_btn mulit_delt_btn" @click="deleteMyMaterial">删除</el-button>
       </div>
       <div v-else>
@@ -224,9 +224,9 @@ export default {
   mounted: function() {
     console.log(this.$route.query.folderTag)
     this.getMaterialList()
+    document.addEventListener('click', this.hiddenFolderActiveClick)
   },
   methods: {
-
     // 获取素材库list
     getMaterialList() {
       let params
@@ -300,6 +300,10 @@ export default {
       localStorage.setItem('currentFolderId', this.currentFolderId)
       this.getMaterialList()
     },
+    // 点击其他区域选中的文件夹 去掉选中样式
+    hiddenFolderActiveClick() {
+      this.folderChecked = -1
+    },
     // 选择 编辑 文件夹
     editFolder(item, index) {
       this.isEditMaterial = false