barcode
更新时间:
条形码,将文本内容转换为条形码展示。
子组件
不支持
属性
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
value | <string> |
- | 是 | 条形码内容,码制为 Code128 码,长度小于等于 20 字节 |
样式
支持通用样式
事件
支持通用事件
barcode组件示例
基础用法
<template>
<div class="wrapper">
<barcode class="barcode" value="{{ barcode }}"></barcode>
</div>
</template>
<script>
export default {
data: {
barcode: '0123456789'
}
}
</script>
<style>
.wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 80px;
}
.barcode {
height: 200px;
}
</style>
复制代码