ant-design-vue/components/qrcode/demo/errorLevel.vue

32 lines
548 B
Vue

<docs>
---
order: 7
title:
zh-CN: 纠错比例
en-US: Error Level
---
## zh-CN
通过设置 errorLevel 调整不同的容错等级
## en-US
set Error Level.
</docs>
<template>
<a-qrcode
:error-level="level"
value="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg"
/>
<br />
<br />
<a-segmented v-model:value="level" :options="segmentedData" />
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const segmentedData = ['L', 'M', 'Q', 'H'];
const level = ref(segmentedData[0]);
</script>