更新记录

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协议
评论列表 撰写评论
加载更多...
插件问答 我要提问

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

加载更多...