uni-app 实现下拉单选功能(六)

admin2024-05-15  1

总体的设计思想是,一个输入框在客户点击时,弹出需要选择的下拉框选项,客户选择完后,隐藏下拉框选项内容;并将选择的数据填充到输入框内。话不多说直接上代码:

<template>
    <view class="dianjianInfo">
        <view class="uni-form-item uni-column">
            <view class="title driverdata">点检类型:</view>
            <input class="uni-inputDr "  v-model="chineseDatatype" :disabled="true" /><!--disabled禁止输入-->
        </view>
        
        <!--复选框改成下拉列表-->
        <view class="uni-form-item uni-column">
            <view class="title driverdata">设备类型:</view>
            <view class="uni-input-wrapper">
                <input class="uni-inputDr "  focus placeholder="请选择设备类型

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明原文出处。如若内容造成侵权/违法违规/事实不符,请联系SD编程学习网:675289112@qq.com进行投诉反馈,一经查实,立即删除!