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>
复制代码
图标图标
图标图标
图标图标
上一篇
barcode
下一篇
canvas
以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈