微信小程序uni-app:常用Form表单组件使用示例

input 输入框

<input
  class="input-class"
  type="text"
  v-model="value"
  placeholder-class="placeholder-class"
  placeholder="请输入"
/>

picker 选择器

<picker
  @change="handleChange"
  :value="index"
  range-key="label"
  :range="options"
>
  <view>{
  { options[index]?.label }}</view>
</picker>
{
   
    data(){
   
        return {
   
            index: 0,

            options: [
              {
   
                value: 1,
                label: '顺丰',
              },
              {
   
                value: 2,
                label: '圆通',
              },
            ]
        }
    },

    methods: {
   
        handleChange(e) {
   
            this.index = e.detail.value
        }
    }
}

相关推荐

  1. 程序uni-appForm组件使用示例

    2023-12-08 07:40:07       45 阅读
  2. 程序api

    2023-12-08 07:40:07       5 阅读
  3. 程序 提交

    2023-12-08 07:40:07       18 阅读
  4. 程序标签

    2023-12-08 07:40:07       28 阅读
  5. 程序中textarea组件字数实时更新方法

    2023-12-08 07:40:07       36 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-08 07:40:07       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-08 07:40:07       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-08 07:40:07       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-08 07:40:07       18 阅读

热门阅读

  1. Boost:asio多io_service,多线程run

    2023-12-08 07:40:07       30 阅读
  2. 使用单例模式+观察者模式实现参数配置实时更新

    2023-12-08 07:40:07       28 阅读
  3. 芯知识 | 什么是单片机语音芯片?

    2023-12-08 07:40:07       50 阅读
  4. GO设计模式——11、装饰器模式(结构型)

    2023-12-08 07:40:07       33 阅读
  5. TrustZone概述

    2023-12-08 07:40:07       39 阅读
  6. 生信数据分析高效Python代码

    2023-12-08 07:40:07       32 阅读
  7. TCP通讯

    TCP通讯

    2023-12-08 07:40:07      37 阅读
  8. arXiv学术速递笔记12.6

    2023-12-08 07:40:07       26 阅读