github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(components/base/button): support route prop to push route

pull/3445/head
Ryan Wang 2022-05-16 16:23:09 +08:00
parent 70d682f2cf
commit c21782ddb7
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/base/button/Button.vue
View File

@ -37,6 +37,8 @@
<script lang="ts" setup>
import type { PropType } from "vue";
import { computed } from "vue";
import type { RouteLocationRaw } from "vue-router";
import { useRouter } from "vue-router";
import type { Size, Type } from "@/components/base/button/interface";
const props = defineProps({
@ -64,8 +66,12 @@ const props = defineProps({
type: Boolean,
default: false,
},
route: {
type: Object as PropType<RouteLocationRaw>,
},
});
const router = useRouter();
const emit = defineEmits(["click"]);
const classes = computed(() => {
@ -80,6 +86,9 @@ const classes = computed(() => {
function handleClick() {
if (props.disabled || props.loading) return;
if (props.route) {
router.push(props.route);
}
emit("click");
}
</script>
@ -120,6 +129,7 @@ function handleClick() {
.btn-default {
border: 1px solid #d9d9d9;
.btn-icon {
color: #0e1731;
}