更新记录

1.0.1（2020-05-17） 下载此版本

添加长按事件 - 计数器累加或累减功能。

1.0.0（2020-03-16） 下载此版本

InputNumber 计数器 组件 - 1.0.0版本

平台兼容性

计数器

参数：

index - 每项数据对应的索引，默认为0

value - 计数器初始值，默认为0

min - 计数器最小值，默认为0

max - 是计数器最大值，默认为10000

delayed - 间隔的时间，长按 + 或 - 计数器递增或递减，默认长按每200毫秒执行一次，类型Number

事件： br>

@handleCount(value, index)： 计数器事件，参数分别为：

value： 当前计数器的值

index： 点击当前数据对应的索引（index是一个动态索引，需要手动传入）

示例 br>

<template>
    <view class="content">
        <view v-for="(item, index) in mydata" :key="item.name" style="display: flex; padding: 10px 40px;">
            <lxc-count 
                @handleCount="handleCountClick" 
                :index="index" 
                :value="item.num"
                :delayed="100"
                >
            </lxc-count>
            <view style="margin-left: 10px">{{item.num}}</view>
        </view>
    </view>
</template>
<script>
import lxcCount from '@/components/lxc-count/lxc-count.vue'
export default {
    components:{
        lxcCount
    },
    data() {
        return {
            mydata: [
                {name: '111', num: 10},
                {name: '222', num: 20},
                {name: '333', num: 30},
                {name: '444', num: 40},
                {name: '555', num: 50}
            ],
        }
    },
    methods: {
        handleCountClick(val, index) {
            console.log(val, index)
            this.mydata[index]['num'] = val
        }
    }
}
</script>