更新记录

1.0.2(2024-04-17)

bug修复

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-popup-select

  1. 组件作用
    • 多选弹窗
  2. 组件引用例子

`

<template>
    <view>
       <TfPopupSelect
        ref="tfPopupSelect" 
        :options="options"
         title="请选择站点"
        :show-fields="{ value: 'id', label: 'name' }"
        @handleSelect="handleSelect"
       />
    </view>
</template>

<script>
    import TfPopupSelect from '../../uni_modules/tf-popup-select/components/tf-popup-select/tf-popup-select.vue'
    export default {
        components:{
            TfPopupSelect
        },
       data() {
        return {
           options: []
        }
       },
       methods: {
          handleSelect(selectValue) {

          }
       }
    }
</script>

<style>
</style>

`

  1. 组件属性说明
属性名 类型 默认值 说明
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协议

暂无用户评论。

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