更新记录

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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问