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 修改组件层级、更新文档