十六进制组件 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 为发包后的文件夹