更新记录

1.0.0（2024-08-31）

• 发布1.0.0版本

平台兼容性

uni-app

uni-app x

[wfw-table]

插件介绍

[实现动态配置列表选项信息。选中变色，并返回选中信息]

使用说明

<wfw-table type="edit" :selectList="selectList" :selectIndex="selectIndex" @clickSelect="clickSelect"
    @change="change" :table="table"></wfw-table>

<script>
    import {
        wfwTable
    } from "@/uni_modules/wfw-table/components/wfw-table/wfw-table.vue"
    export default {
        components: {
            wfwTable
        },
        data() {
            return {
                //默认选中tabbar(不必填)
                selectIndex: 1,
                //tabbar值
                selectList: [
                    '男生',
                    '女生'
                ],
                //列表数据
                table: {
                    title: '30分钟各项运动消耗热量表',
                    header: [
                        '运动项目',
                        '运动强度',
                        '66公斤男性消耗热量(千卡)',
                        '标记'
                    ],
                    list: [{
                            title: '步行',
                            isCheck: true,
                            list: [{
                                    name: '慢速',
                                    number: '82.5',
                                    isCheck: false,
                                },
                                {
                                    name: '中速',
                                    number: '115.5',
                                    isCheck: true,
                                },
                                {
                                    name: '快速',
                                    number: '132',
                                    isCheck: false,
                                },

                            ]
                        },
                        {
                            title: '跑步',
                            isCheck: true,
                            list: [{
                                    name: '走跑结合',
                                    number: '198',
                                    isCheck: true,
                                },
                                {
                                    name: '慢跑',
                                    number: '231',
                                    isCheck: false,
                                },
                                {
                                    name: '快跑',
                                    number: '264',
                                    isCheck: false,
                                },

                            ]
                        },
                        {
                            title: '自行车',
                            isCheck: false,
                            list: [{
                                name: '12-16km/h',
                                number: '132',
                                isCheck: false,
                            }, ]
                        },
                        {
                            title: '篮球',
                            isCheck: false,
                            list: [{
                                    name: '一般',
                                    number: '198',
                                    isCheck: false,
                                },
                                {
                                    name: '比赛',
                                    number: '231',
                                    isCheck: false,
                                },
                            ]
                        },
                    ]
                },
            }
        },
        methods: {
            clickSelect(e) {
                console.log('切换tabbar', e);
            },
            change(e) {
                console.log('选中监听事件', e);
            }
        },
    }
</script>

插件传参描述

/ 操作类型(look 查看 edit 编辑) / type: String / 类型为look时,是否不显示未选择的 / isNotShowNotCheck: Boolean / tabbar列表 / selectList: Array / 默认选中下标 / selectIndex: Number, String / 表格数据 / table: Object

监听事件返回参数

/ 选中/取消(状态切换)事件 / change(e) 返回 数据(table)及选中数据集(intensityIds),选中数据集为string类型(例如: 1,2,3)

/ 切换tabbar事件 / tabbar(e) 返回 数据(table)及选中数据集(intensityIds),选中数据集为string类型(例如: 1,2,3)