48 lines
807 B
Vue
48 lines
807 B
Vue
<template>
|
|
<i
|
|
class="el-icon-arrow-left back-button"
|
|
@click="jump"
|
|
/>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'BackButton',
|
|
props: {
|
|
// eslint-disable-next-line vue/require-default-prop
|
|
path: String,
|
|
// eslint-disable-next-line vue/require-default-prop
|
|
name: String,
|
|
// eslint-disable-next-line vue/require-default-prop
|
|
to: Object
|
|
},
|
|
methods: {
|
|
jump() {
|
|
const { path, name, to } = this
|
|
if (path) {
|
|
this.$router.push(path)
|
|
}
|
|
if (name) {
|
|
this.$router.push({ name: this.name })
|
|
}
|
|
if (to) {
|
|
this.$router.push(to)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
.back-button {
|
|
cursor: pointer;
|
|
margin-right: 18px;
|
|
font-weight: 600;
|
|
|
|
&:active {
|
|
transform: scale(0.85);
|
|
}
|
|
}
|
|
</style>
|