Files
smart-admin/smart-admin-web/src/views/error-page/back-btn-group.vue
T
“zhuoda c9ef7d3b41 v1.0.6
2020-01-13 12:23:07 +08:00

41 lines
782 B
Vue

<template>
<div>
<Button size="large" type="text" @click="backHome">返回首页</Button>
<Button size="large" type="text" @click="backPrev">返回上一页({{ second }}s)</Button>
</div>
</template>
<script>
import './error.less';
export default {
name: 'backBtnGroup',
data () {
return {
second: 5,
timer: null
};
},
mounted () {
this.timer = setInterval(() => {
if (this.second === 0) this.backPrev();
else this.second--;
}, 1000);
},
beforeDestroy () {
clearInterval(this.timer);
},
methods: {
// 回到首页
backHome () {
this.$router.replace({
name: this.$config.homeName
});
},
// 返回上一页
backPrev () {
this.$router.go(-1);
}
}
};
</script>