Enn-hex-input-vue3 NPM

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

enn vue3

vue

@infinitebrahmanuniverse/nolb-enn @everything-registry/sub-chunk-1587

0.0.2

2 years ago

0.0.1

2 years ago