npm i js-cookie
<template>
<div class="con">
<el-tabs type="border-card" v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="乡村服务队" name="first">
<Aduit :pagetype="county" />
</el-tab-pane>
<el-tab-pane label="企业服务队" name="second">
<Aduit :pagetype="company" />
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import { getCookie, setCookie, removeCookie } from "@/utils/Cookie";
import Aduit from "@/components/Aduit";
export default {
components: {
Aduit
},
data() {
return {
county: "county",
company: "company",
list: [],
activeName: 'first'
};
},
created() {
if(getCookie('activeName')){
this.activeName =getCookie('activeName')
}
},
methods: {
handleClick(tab, event) {
setCookie('activeName',tab.paneName)
}
}
};
</script>
<style scoped>
.el-tab-pane{
width: 100%;
margin: 0;
padding: 0;
}
.con{
padding: 30px 10px;
box-sizing: border-box;
}
</style>
Cookie.js
import Cookies from 'js-cookie'
export function getCookie(key) {
return Cookies.get(key)
}
export function setCookie(key,value) {
return Cookies.set(key, value)
}
export function removeCookie(key) {
return Cookies.remove(key)
}