amount column

金额栏输入组件(凭证)

💻 Preview:

安装

# npm
npm i amount-column

使用

<template>
  <div class="index">
    <AmountColumn v-model="val"/>
  </div>
</template>
<script>
import AmountColumn from 'amount-column';
export default {
  components: {
    AmountColumn
  },
  data() {
    return {
      val: ''
    };
  },
};
</script>

<style lang="less" scoped>
.index {
  width: 300px;
  height: 80px;
  margin: 50px;
}
</style>

API

Property	Description	Type	Default Value
v-model	绑定值	string / number	''
input	是否显示输入框	boolean	true
head	是否显示头部单位	boolean	true
border	是否带有边框	boolean	true
yaxis	经线超出边框高度	number	0

注意

需要将组件放到定义了高宽的 DOM 容器中