vue.js weui picker怎么用 ?

https://weui.io/ 里面的picker怎么用
$('#showPicker').on('click', function () {

        weui.picker([{
            label: '飞机票',
            value: 0
        }, {
            label: '火车票',
            value: 1
        }, {
            label: '的士票',
            value: 2
        },{
            label: '公交票 (disabled)',
            disabled: true,
            value: 3
        }, {
            label: '其他',
            value: 4
        }], {
            onChange: function (result) {
                console.log(result);
            },
            onConfirm: function (result) {
                console.log(result);
            }
        });
    });
    
    想用vue.js 实现
阅读 7.9k
2 个回答
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <div id="showPicker" @click="checkPicker"></div>
        
        
        
        <script type="text/javascript">
            new Vue({
                el:'body',
                methods:{
                    checkPicker:function(){
                        weui.picker(
                            [
                                {
                                label: '飞机票',
                                value: 0
                                   },{
                                    label: '火车票',
                                    value: 1
                                }, {
                                    label: '的士票',
                                    value: 2
                                },{
                                    label: '公交票 (disabled)',
                                    disabled: true,
                                    value: 3
                                }, {
                                    label: '其他',
                                    value: 4
                                }
                            ], 
                                {
                                    onChange: function (result) {
                                        console.log(result);
                                    },
                                    onConfirm: function (result) {
                                        console.log(result);
                                    }
                                }
                        );
                    };
                    
                }
            })
        </script>
    </body>

</html>
新手上路,请多包涵

如何获取选中项的label,result返回的是value。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题