更新记录

1.0.9(2021-12-16)

修复在一定环境在无法弹框的BUG

1.0.8(2021-08-10)

优化UI

1.0.7(2021-05-21)

优化事件回调传送

查看更多

平台兼容性

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

luanqing-inputdialog

参数简要说明

名称 说明 默认值 是否必须
type 输入类型number & text number
maxLength 最大输入位数 9999
placeholder 未输入前的提示文字 请输入
allowEmpty 是否允许输入空时点确定按钮 false
callback 回调方法,将带回show传入的返回标题和输入内容
multi 多输入框 false
type2 输入类型number & text number
maxLength2 最大输入位数 9999
placeholde2r 未输入前的提示文字 请输入
showInput(title,returnData) 显示输入弹框(传入标题和确认标签以及需要回传的数据)
showMessage(title,content,returnData,onConfirm,onCancel) 显示消息内容弹框(传入标题和显示的文字内容以及需要回传的数据和确定取消的点击事件,兼容html代码格式)
close() 隐藏弹框

使用方法:

<template>
    <view class="content">
        <!-- 数值类型输入对话框(默认 或type传'number') -->
        <luanqing-inputdialog ref="inputModal" @callback="callback"></luanqing-inputdialog>

        <!-- 文本类型输入对话框 -->
        <luanqing-inputdialog ref="textModal" type="text" @callback="callback"></luanqing-inputdialog>
    </view>
</template>

// 使用引用调动showInput显示输入型对话框
this.$refs.inputModal.showInput("请输入金额");
this.$refs.textModal.showInput("请输入消息");

// 组件内部函数  输入完成点击确定后将通过回调给 onInputCallBack返回输入数据

有两种显示方式:1|输入型  2|消息型   函数如下
showInput(title,returnData,gameStyle,large){
    console.log("显示输入型对话框")
    this.gameStyle = gameStyle;
    this.normalDialog = false;
    this.returnData = returnData;
    this.title = title;
    this.showModal = true;
    this.large = large;
},

showMessage(title,content,returnData,onConfirm,onCancel,large){
    console.log("显示消息型对话框")
    this.normalDialog = true;
    this.title = title;
    this.returnData = returnData;
    this.content = content;
    this.showModal = true;
    this.onConfirm = onConfirm;
    this.onCancel = onCancel;
    this.large = large;
},

隐私、权限声明

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

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

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

许可协议

MIT协议

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