博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享一款灵活好看的微信小程序行业二级联动选择器--wx-second-list
阅读量:5258 次
发布时间:2019-06-14

本文共 645 字,大约阅读时间需要 2 分钟。

一:使用效果

PS:若想要获得上图中的效果,可参考  中的例子实现。

二:使用方法

1、安装 wx-second-list

npm install --save wx-second-list

2、在需要使用 wx-second-list 的页面 page.json 中添加 wx-second-list 自定义组件配置

{  "usingComponents": {    "secondList": "wx-second-list" } }

3、WXML 文件中引用 wx-second-list

 

4、在调用wx-second-list的页面page.js添加事件,可参考  中的例子

Page({  data: {},  onReady(){ this.second = this.selectComponent("#second")},  showSecond() { this.second.showSecond()},  chooseItem(e){ console.log('用户选择了'+e.detail) }})

wx-second-list的属性介绍如下:

属性名 类型 默认值 是否必须 说明
id String 组件的id
topText String 请选择所属行业 选择器最上方的文字说明

 

项目地址: 

欢迎大家提出意见,谢谢!!!

转载于:https://www.cnblogs.com/weihuan/p/8359470.html

你可能感兴趣的文章
ajax获取值的两种方法
查看>>
电梯调度实施
查看>>
【POJ】3667 Hotel
查看>>
static 成员变量以及static成员函数
查看>>
Http
查看>>
2017.9.15 mybatis批量插入后实现主键回填
查看>>
如何设置Jquery UI Menu 菜单为横向展示
查看>>
git操作图
查看>>
C++编程思想3-利用C++进行文件操作封装C函数
查看>>
Angular中使用Swiper不能滑动的解决方法
查看>>
MySQL Server 5.5安装中遇到的问题及解决方法
查看>>
asp数据查询及数据筛选
查看>>
Bootstrap模态框水平垂直居中与增加拖拽功能(转)
查看>>
No.2 两数相加 Add Two Numbers
查看>>
ADB常用命令(二)
查看>>
@property里assgin 、copy、strong的区别
查看>>
6.18 考试总结
查看>>
nodejs-Buffer
查看>>
js 随机数
查看>>
华为2017软件精英挑战赛初赛源码
查看>>