useQRCode
| Category | @Integrations |
|---|---|
| Export Size | 371 B |
| Package | @vueuse/integrations |
| Last Changed | 2 weeks ago |
Wrapper for qrcode.
Install
npm i qrcodeUsage
import { useQRCode } from '@vueuse/integrations/useQRCode'
// `qrcode` will be a ref of data URL
const qrcode = useQRCode('text-to-encode')or passing a ref to it, the returned data URL ref will change along with the source ref's changes.
import { ref } from 'vue'
import { useQRCode } from '@vueuse/integrations/useQRCode'
const text = ref('text-to-encode')
const qrcode = useQRCode(text)<input v-model="text" type="text">
<img :src="qrcode" alt="QR Code" />Type Declarations
/**
* Wrapper for qrcode.
*
* @see https://vueuse.org/useQRCode
* @param text
* @param options
*/
export declare function useQRCode(
text: MaybeRefOrGetter<string>,
options?: QRCode.QRCodeToDataURLOptions
): Ref<string>Source
© 2019-present Anthony Fu
Licensed under the MIT License.
https://vueuse.org/integrations/useQRCode/