当前位置：文江博客话题详情

vue.js weui picker怎么用 ?

发布于 2022-09-04 08:04:04 字数 744 浏览 11 评论 0

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 实现

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

徒留西风 2022-09-11 08:04:04

<!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>

苦妄 2022-09-11 08:04:04

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

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

23 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

尘世孤行

文章 0 评论 0

烟─花易冷

文章 0 评论 0

你是年少的欢喜

文章 0 评论 0

倒带

文章 0 评论 0

忱杏

文章 0 评论 0

送君千里

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文