import { useWatermark } from "v-hooks"
const { setWatermark: setGlobalWatermark } = useWatermark()
setGlobalWatermark("全局水印", {
color: '#333',
opacity: 0.2,
})
<script lang="tsx" setup>
import { ref } from 'vue';
import { useClipboard } from 'v-hooks';
const inputText = ref('');
const { text, isSupported, copy } = useClipboard();
</script>
<template>
<p>
Current copied: <code>{{ text || 'none' }}</code>
</p>
<input v-model="inputText" type="text" />
<button @click="copy(inputText)">Copy</button>
</template>
<script lang="tsx" setup>
import { onMounted, ref } from 'vue';
import { useQRCode } from 'v-hooks';
import logo from './1.png';
const text = ref<string>('https://www.baidu.com/');
const state = useQRCode(text, {
logo: logo,
colorDark: '#000000',
});
onMounted(() => {
setTimeout(() => {
text.value = 'https://www.aaa.cn/';
}, 2000);
});
</script>
<template>
<div>
二维码:
<img :src="state" alt="" />
</div>
</template>