uniapp如何自己实现写一个picker选择框?
网友回复
1、编写自定义组件myPickerView.vue
<template> <view class="my-picker-view" v-show="value"> <uni-transition mode-class="slide-bottom" :show="value" :styles="{'width':'100%','height':'100vh','position':'fixed','bottom':'0'}"> <view class="empty-box" @click="handleCancel"></view> <view class="picker-box"> <view class="picker-top"> <view class="cancel" @click="handleCancel">取消</view> <view class="title">{{ title }}</view> <view class="submit" @click="handleSubmit">确定</view> </view> <picker-view :value="pickerValue" indicator-class="indicator" @change="handleChange" @pickstart="pickstart" @pickend="pickend" :immediate-change="true"> <picker-view-column class="picker-content"> <view class="picker-item" v-for="(item, index) in options" :key="index">{{ item[rangeKey] }}</view> </picker-view-column> </picker-view> </view> </uni-transition> </view> </template> <script> export default { name: "myPickerView", data() { return { pickerValue: [0], isScroll: false } }, props: { value: Boolean, options: Array, title: { type: String, default: "" }, rangeKey: { type: String, default: "label" } }, methods: { // 确定 handleSubmit() { if(!this.isScroll) { this.$emit('input', false); this.$emit("change", this.options[this.pickerValue[0]]); } }, // 取消 handleCancel() { this.isScroll = false; this.$emit('input', false)...
点击查看剩余70%
浏览器中如何将WebM视频转成mp4视频?
parlant如何改成qwen 的apikey与baseurl?
如何写一个chrome插件实现截屏自动生成步骤图文教程转成pdf或网页?
python如何通过阿里云的api对域名进行解析和ecs主机服务器进行启动停止等操作?
Tesla Robotaxi可以让特斯拉车自动无人驾驶跑滴滴为车主赚钱,国内以后也会这样吗?
有没有可以监控安卓手机上的app打开后偷偷摸摸做了啥的监控软件?
webrtc进行p2p连接发送的文本音视频文件是否是加密的?
如何让一个可爱的三维动物通过three在浏览器中有表情动作的自然说话?
go与wails如何开发一个高性能的原生桌面应用?
python如何调用openai的api实现知识讲解类动画讲解视频的合成?