更新记录

1.0.2(2024-04-19) 下载此版本

增加beforeOpen钩子函数

1.0.1(2024-04-17) 下载此版本

bug修复

1.0.0(2024-04-16) 下载此版本

初始化组件

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × ×

tf-select-input

  1. 组件作用
    • 常用于form表单中弹窗显示多选功能,并赋值给当前字段
  2. 组件引用例子
<template>
    <view class="content">
        <TfSelectInput
        v-model="test"
        :options="options"
        :show-fields="{ value: 'employeeId', label: 'employeeName' }"
        >
        </TfSelectInput>
    </view>
</template>

<script>
    import TfSelectInput from '../../uni_modules/tf-select-input/components/tf-select-input/tf-select-input.vue'
    export default {
        components:{
            TfSelectInput
        },
       data() {
          return {
             test: null,
             options: [{ employeeId: '1', employeeName: '小明' }]
          }
       }
    }
</script>

<style>
</style>

`

  1. 组件属性说明
属性名 类型 默认值 说明
disabled Boolean false 是否禁用
showFields Object { value: 'id', label: 'name' } 数据显示格式,默认显示name,保存id
options Array [] 多选列表
title String 请选择 弹窗标题
mode String bottom 弹窗显示位置,默认bottom
safeAreaInsetBottom Boolean false 是否开启底部适配
maskCloseAble Boolean false 点击遮罩是否可以关闭弹出层
closeable Boolean true 是否显示关闭图标
borderRadius Number default: 50 弹窗圆角值

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问