qrcode
更新时间:
二维码,将文本内容转换为二维码展示。
子组件
不支持
属性
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
value | <string> |
- | 是 | 二维码内容,长度小于等于 400 字节 |
eclevel | <number> |
1 | 否 | 二维码纠错等级 取值范围为 0 到 3 |
type | normal | circle | normal | 否 | 二维码样式设置 normal 常规样式,circle 圆点样式 |
样式
支持通用样式
事件
支持通用事件
qrcode组件示例
。
基础用法
<template>
<div class="wrapper">
<qrcode class="qrcode" value="http://www.vivo.com.cn/" eclevel="1"></qrcode>
</div>
</template>
<script>
export default {}
</script>
<style>
.wrapper {
height: 480px;
width: 480px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.qrcode {
width: 320px;
height: 320px;
}
</style>
复制代码