前言
在 mpvue开源之初写了 用 vue 写小程序,基于 mpvue 框架重写 weui。当时用的是小程序的原生组件,没有对其进行封装和组件化。而对于现在的前端开发环境,组件化
,模块化
,工程化
以及自动化
已经是一种标配。而mpvue
框架又提供了一个很好的组件化开发平台,因此就对小程序中的 picker
组件进行封装,使其在用mpvue
开发的时候能够用快速的实现 picker
的功能。
为什么封装 picker
组件
-
其实小程序提供了原生的
picker
组件,但是在开发的时候会发现在 android 手机上看到的picker
效果与微信开发者工具
预览的效果不一样,其实就是丑了一点点... -
在小程序中使用
picker
的地方很多,很常见。
使用
- 安装
npm install mpvue-picker --save
- 在页面中使用
<template> <div class="mpvue-picer"> <button @click="showPicker">test for mpvuePicker</butt