平台兼容性

jsfunPicker 1.0.1

用于使用picker的形式选择标签,把选项全部列出来,不用滑动,支持多选单选

使用方式:

script 中引用组件

import jsfunPicker from '@/components/jsfun-picker/jsfun-picker.vue'
export default {
    components: {jsfunPicker}
}
data() {
    return {
        priceList: ['20.00', '25.00', '30.00', '35.00','40.00', '45.00', '50.00', '60.00'],
        priceDefault:'25.00,30.00,35.00',       
    };
},
methods:{
    priceChange(data){
        console.log("==返回值==");
        console.log(data);
        console.log(data.indexStr);
        console.log(data.textStr);
    }
}

template 中使用组件

<jsfun-picker 
        mess="备注:这是底部分显示的备注提示" 
        :listArr = "priceList"
        :defaultArr = "priceDefault"
        type="single" 
        @click="priceChange" 
        >
        <!-- 自定义页面显示元素 -->
        <view>          
            {{priceDefault}}
        </view>
</jsfun-picker>

属性说明:

属性名 类型 默认值 说明
mess String "" 底部说明文字
listArr Array - 选项列表,格式:['20.00', '25.00', '30.00']
defaultArr String "" 默认值:多选是逗号分割的字符串,格式:"25.00,30.00,35.00"
type String single 可选值:multiple(多选)、single(单选)

事件说明:

事件称名 说明
click 点击确定后执行的事件

版本说明

版本号 更新时间 功能作用
1.0.1 20190523 1.确定后组件内更新默认值,
2.再次进入后显示上次确定的内容
1.0 20190523 初始版本

隐私、权限声明

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

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

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

许可协议

MIT协议

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