更新记录
1.0.0(2025-12-26)
下载此版本
master
平台兼容性
uni-app(4.13)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
安装
在市场导入xf-po-addition-modaluni_modules版本的即可,无需import
组件关联说明
代码演示
插件使用
- 位于 uni_modules/xf-popup/components/xf-popup
- 导入插件后可直接引用
<xf-po-addition-modal v-model:show="showAdditionModal" :maxlength="100" />
基本用法
<template>
<view class="xf-col">
<xf-button style="margin-top: 20px;" round type="primary" text="xfAdditionModal"
@click="showAdditionModal = true" />
</view>
<xf-po-addition-modal v-model:show="showAdditionModal" :maxlength="100" />
</template>
<script setup lang="ts">
import { ref } from 'vue';
let showAdditionModal = ref(false)
</script>
API
Props
| 属性名 |
说明 |
类型 |
默认值 |
| v-model:show |
是否展示弹窗 |
boolean |
false |
| title |
弹出层标题 |
string |
标题 |
| tip |
弹出层副标题 |
string |
- |
| placeholder |
输入框为空时占位符 |
string |
请输入 |
| maxlength |
最大输入长度 |
number |
- |
事件 Emits
| 事件名 |
说明 |
返回值 |
| confirm |
点击右边确认按钮事件 |
|