10.Element UI之计数器组件

一、计数器组件基本用法

    |--语法：<el-input-number></el-input-number>

    |--属性：

        |--v-model绑定数据

        |--:min、:max属性最小、最大值限制

        |--label：用于描述文字

        |--@change：绑定change事件，数值变化触发事件。

    |--示例：

创建了一个最近本的计数器，有最大值最小值，和change方法 代码实现，注意min和max必须属性绑定方式，即加:min和:max

    |--设置禁用状态（disabled）

页面效果 添加disabled属性，值为true/false

    |--步数（可以递增递减，设置跨度）

点击一次+，由1变为4，跨度为3 代码实现

    |--严格不是：

        |--用法：在el-input-number里添加:step="3" step-strictly属性，值为true/false。

        |--示例：

页面效果 代码实现

    |--经度设置：

        |--添加precision属性，接受一个number值，2表示小数点后2位

        |--示例：

每次增加0.1 代码实现

    |--计数器尺寸（size:medium\small\mini）

排序：正常>medium>small>mini 代码实现

    |--按钮位置控制（controls-position）

        |--只有1个值：controls-position="right"

设置right和正常对比 代码实现