mint-ui 单选列表Radio以及多选列表Checklist的引入

mint-ui 单选列表Radio以及多选列表Checklist的引入

以下是本人经过摸索踩坑后得到的使用方法：
下一篇：mint-ui 引入日期时间选择器Datetime picker

html部分：

<div id="app">
    <div style="height: 50px"></div>
    <mt-radio
            title="店铺经营时间:"
            v-model="time"
            :options="options1">
    </mt-radio>
    <mt-checklist
            align="right"
            title="请选择"
            v-model="date"
            :options="options2">
    </mt-checklist>
</div>

js部分：

    new Vue({
        el: '#app',
        data: function() {
            return {
                time:'',
                date:[],
                pickerValue:'时间',
                options1:[
                    {
                        label: '每天',
                        value: '0'
                    },
                    {
                        label: '周一至周五',
                        value: '1'
                    },
                    {
                        label: '周一至周六',
                        value: '2'
                    },
                    {
                        label: '自定义',
                        value: '3'
                    }
                ],
                options2:[
                    {
                        label: '星期一',
                        value: '0'
                    },
                    {
                        label: '星期二',
                        value: '1'
                    },
                    {
                        label: '星期三',
                        value: '2'
                    },
                    {
                        label: '星期四',
                        value: '3'
                    },
                    {
                        label: '星期五',
                        value: '4'
                    },
                    {
                        label: '星期六',
                        value: '5'
                    },
                    {
                        label: '星期日',
                        value: '6'
                    }
                ]
            }
        }
    })

注：vue组件自行引入

猜你感兴趣：
6步实现微信小程序获取群排名与群openGid
微信小程序引入Vant组件库
微信小程序云函数获取时间相差8小时
mint-ui 引入日期时间选择器Datetime picker
微信小程序引入echarts图表
微信小程序给echarts图表动态赋值
微信小程序云开发入门（一）
微信小程序之滑动果冻效果