在日常开发中，`weui.picker` 是一个非常实用的组件，尤其当你需要让用户从选项中选择时，它简直堪称神器！今天，让我们一起探索如何优雅地使用 `weui.picker` 并分别获取 `label` 和 `value`。👇
首先，在初始化 `Picker` 时，你需要定义一个数据源，比如以下格式：
```javascript
const pickerData = [
{ label: '选项一', value: 'A' },
{ label: '选项二', value: 'B' },
{ label: '选项三', value: 'C' }
];
```
通过这样的结构，你可以轻松区分显示给用户的文本（`label`）和实际存储的值（`value`）。接着，创建 Picker 实例并监听 `onChange` 事件。当用户完成选择后，通过回调函数可以精准地获取到对应的 `label` 和 `value`，从而实现逻辑处理。
最后，别忘了在项目中引入 `weui.css` 和 `weui.js` 文件，确保一切正常运行！🎉
通过这种方式，你不仅能让界面更加友好，还能提升用户体验，让选择变得更加直观和高效！💪
免责声明：本文由用户上传，如有侵权请联系删除！
