enn-hex-input-vue3

十六进制组件 for Vue3

• 十六进制字符输入、生成随机数、MSB/LSB 转换、复制等功能
• 十六进制字符展示

示例

输入组件

<template>
  <Hex v-model="hexStr" />
</template>

<script>
import Hex from 'enn-hex-input-vue3';

export default {
  components: {
    Hex,
  },
  data() {
    return {
      hexStr: '',
    };
  },
};
</script>

展示

<template>
  <Hex type="show" :data="hexStr" />
</template>

<script>
import Hex from 'enn-hex-input-vue3';

export default {
  components: {
    Hex,
  },
  data() {
    return {
      hexStr: 'abcde222',
    };
  },
};
</script>

API

HEX Input Attributes

参数	类型	必填	默认值	说明
type	String		text	HEX 组件的类型：text、textarea、show
data	String/Number			HEX 组件的类型为 show 时展示的值（也可使用 v-model 传值）
placeholder	String			输入框 placeholder
splitSymbol	String		" "	字符串的分隔符
disabled	Boolean			是否禁用
length	Number			长度限制
rows	String/Number			type=textarea 时的行数
canMSB	Boolean		true	只在 type=text 时可用。是否可以进行 MSB <-> LSB 的转化
canRandom	Boolean		true	只在 type=text 时可用。是否显示随机产生值进行填充的按钮
canCopy	Boolean		false	只在 type=text 时可用。是否显示复制按钮

本地调试组件

• npm run dev

发包

• lib 为发包后的文件夹