0.0.6 • Published 6 years ago
vi-dialog
使用
npm i vi-dialog
使用微信开发者工具构建NPM并使用NPM模块
{
"usingComponents": {
"vi-dialog": "vi-dialog"
}
}
属性
接口 | 数据类型 | 说明 | 选项 | 默认值 |
---|
ishide | Boolean | 控制组件dialog显示隐藏 | 必填 | false |
title | String | dialog组件title | 选填 | 提示 |
input | Boolean | 是否开启输入会话窗,默认不开启 | 选填 | false |
confirm | Boolean | 确认会话窗 | 选填 | false |
alert | Boolean | 警告会话窗 | 选填 | false |
custom | Boolean | 自定义会话窗按钮 | 选填 | false |
placeholder | String | input标签的placeholder属性要和组件的input接口配合使用 | 选填 | 请输入内容 |
value | String | input标签的value属性要和组件的input接口配合使用 | 选填 | '' |
inputType | String | input标签的type属性要和组件的input接口配合使用 | 选填 | 文本输入框(text) |
maxlength | Number | input标签的maxlength属性要和组件的input接口配合使用 | 选填 | 140 |
disabled | Boolean | input标签的disable属性要和组件的input接口配合使用 | 选填 | false |
confirmType | String | 小程序input组件的confirmType属性要和组件的input接口配合使用 | 选填 | done |
password | Boolean | input组件的password属性要和组件的input接口配合使用 | 选填 | false |
event
event name | description | 返回值数据类型 | 返回值说明 |
---|
triggerToCancel | 取消按钮的事件 | String | 按钮的标识:'cancel' |
triggerToConfirm | 确认按钮的事件 | String, Object | 数据类型为String时是按钮的标识:'confirm',数据类型为Object时,是输入会话窗的event.detail值 |
triggerToInput | input的输入事件 | Object | 返回用户输入的值 |
triggerToFocus | input的聚焦事件 | Object | event.detail |
triggerToBlur | input的失焦事件 | Object | event.detail |
slot
slot name | description |
---|
default | 默认插槽,会话窗的提示内容 |
customButton | 自定义按钮的插槽,注意需要和组件的custom接口配合使用 |
Bug&&Tips
- 该组件的default形式与confirm形式是一样的
版本信息
- v0.0.1 第一个版本
- v0.0.6 修改组件层级、更新文档