weui picker ,点击弹出选择滚动条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了weui picker ,点击弹出选择滚动条相关的知识,希望对你有一定的参考价值。

$(‘#showPicker‘).on(‘click‘, function () {
weui.picker(data, {
onChange: function (result) {

},
onConfirm: function (result) {
var start = result[0]+result[1]+"-";
$("#newPlateNo").val(start);

}
});
});

data数据位json数组,label为页面显示的值,children是级联展示的时候的值(第一列改变,第二列对应的也做出相应改变),放的也是json数组

for(var i=0;i<provincePlate.length;i++)
{
var tmp = {
label:provincePlate[i].abbreviation,
value:provincePlate[i].abbreviation,
children:provincePlate[i].code
};
data.push(tmp);
}

技术分享

效果如图所示,点击事件最好放在documen.ready(function(){});里,会有遮罩效果

 




















以上是关于weui picker ,点击弹出选择滚动条的主要内容,如果未能解决你的问题,请参考以下文章

Weui电脑端企业微信Picker无法滚动问题

Weui电脑端企业微信Picker无法滚动问题

VC中怎么滚动条宽度怎么解决

EXCEL如何调整滚动条的宽度?

解决小程序点击弹出模态框,子父级都有滚动条问题

移动端弹出层之后禁用底部滚动条关闭回到原位置