init

src/store/siderbar.js

@@ -0,0 +1,19 @@
+import { defineStore } from "pinia";
+export  const useSiderBar = defineStore('siderbar',()=>{
+  //定义控制侧边栏是否展开变量默认展开
+  const isCollapse = ref(false)
+  //获取侧边栏状态
+  const getSiderBarStatus = () => {
+    return isCollapse.value
+  }
+  //设置侧边栏状态
+  const setSiderBarStatus = () => {
+    const status = getSiderBarStatus()
+    return isCollapse.value = !status
+  }
+
+  return {
+    getSiderBarStatus,
+    setSiderBarStatus,
+  }
+})

src/store/tagsview.js

@@ -0,0 +1,56 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { useRouter } from "vue-router";
+
+export const useTagsView = defineStore('tagsView',()=>{
+  const router = useRouter()
+  //已显示的标签页list
+  const visitedViews = ref([])
+
+  //添加标签页面
+  const addVisitedViews = ({path,meta}) => {
+    if(visitedViews.value.length == 0) {
+      visitedViews.value.push({path,meta})
+    }else {
+      const paths = visitedViews.value.map(item => item.path)
+      if(paths.includes(path) == false) {
+        visitedViews.value.push({path,meta})
+      }
+    }
+  }
+
+  //删除标签页
+  const delVisitedViews = (path) => {
+    console.log('进入删除');
+    if(visitedViews.value.length - 1 == 0) {
+      return
+    }
+    visitedViews.value.forEach((item,index)=>{
+      if(item.path == path) {
+        visitedViews.value.splice(index,1)
+      }
+    })
+    toLastTagView(visitedViews)
+  }
+
+  //删除其他标签页
+  const delOtherVisitedViews = ({path,meta}) => {
+    visitedViews.value = []
+    visitedViews.value.push({path,meta})
+    toLastTagView(visitedViews)
+  }
+
+  //路由到末尾标签页
+  const toLastTagView = (view) => {
+    console.log(view,'进入跳转末页');
+    const lastTagView = view.value.slice(-1)[0]
+    router.push(lastTagView.path)
+  }
+
+  return {
+    visitedViews,
+    addVisitedViews,
+    delVisitedViews,
+    delOtherVisitedViews,
+  }
+})