mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-10-13 21:33:42 +08:00
41 lines
722 B
Vue
41 lines
722 B
Vue
<template>
|
|
<div>
|
|
<canvas ref="domRef" width="152" height="40" class="cursor-pointer" @click="getImgCode"></canvas>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { watch } from 'vue';
|
|
import { useImageVerify } from '@/hooks';
|
|
|
|
interface Props {
|
|
code?: string;
|
|
}
|
|
|
|
interface Emits {
|
|
(e: 'update:code', code: string): void;
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
code: ''
|
|
});
|
|
|
|
const emit = defineEmits<Emits>();
|
|
|
|
const { domRef, imgCode, setImgCode, getImgCode } = useImageVerify();
|
|
|
|
watch(
|
|
() => props.code,
|
|
newValue => {
|
|
setImgCode(newValue);
|
|
}
|
|
);
|
|
watch(imgCode, newValue => {
|
|
emit('update:code', newValue);
|
|
});
|
|
|
|
defineExpose({ getImgCode });
|
|
</script>
|
|
|
|
<style scoped></style>
|