更新记录

1.0.0(2019-10-16) 下载此版本

输入弹窗组件


平台兼容性

输入弹窗

弹窗组件。

使用方式:

script 中引用组件

import hFormAlert from '@/components/h-form-alert/h-form-alert.vue';
export default {
    components: {hFormAlert}
}

基本用法

<hFormAlert v-if="控制显示隐藏"  @confirm="确认点击监听" @cancel="取消点击监听"></hFormAlert>

例子

<hFormAlert v-if="cancelShow"  name="cancel_desc" placeholder="请输入取消原因" @confirm="confirm" @cancel="cancel"></hFormAlert>

属性说明:

属性名 类型 默认值 说明
title String 提示 弹窗头部文字
name String text 输入框的name
type String text 输入框的类型,就是input组件默认的type
placeholder String 请点击输入 输入框的占位文字
value String ‘’ 输入框默认值
cancelColor String #999999 取消按钮文本颜色
cancelText String 取消 取消按钮文本
confirmColor String #333333 确认按钮文本颜色
confirmText String 确认 确认按钮文本

事件说明:

事件称名 说明 返回参数
confirm 确认按钮点击触发事件,返回参数是用户输入内容 {text:输入内容}
cancel 取消按钮点击触发事件,无返回参数

隐私、权限声明

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

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

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

许可协议

MIT协议

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