@yiluxiangbei87110/input-number

input-number

short description + sample image(png/gif/mp4)

Table of Contents

• input-number
  • Table of Contents
  • Introduction
  • Features
  • Install
  • Usage
  • Links
  • License

Introduction

一个简单的 input-number vue 组件，可以设置 min、max 属性，满足增减、输入等操作。

Features

• 可以设置 max、min 属性
• 可以点击增减按钮进行操作，不在范围内后，按钮置灰不可点击。
• 可以输入指定范围内的数字

Install

yarn

Usage

<template>
    <div>
        <input-number v-model='value' :max="10" :min="0"/>
    </div>
</template>
<script>
import InputNumber from 'inputNumber'
export default {
  name: 'test-input-number',
  components: {
    'input-number': InputNumber
  },
  data() {
    return {
      value: 2
    }
  }
}
</script>

Links

• docs

License

MIT

⬆ Back to Top