• 弹出框 (bui-dialog)
    • 用法
    • 属性
    • 事件

    弹出框 (bui-dialog)

    弹出框(bui-dialog) - 图1   弹出框(bui-dialog) - 图2

    用法

    1. <div class="center" style="padding:10px;">
    2.     <bui-button type="warning" value="打开自定义窗口" @click="open"></bui-button>
    3. </div>
    5. <bui-dialog v-model="showDialog" @btnClick="onDialogCallback">
    6.     <text>欢迎使用BUI-Weex!</text>
    7.     <text>基于weex构建的一套高质量UI框架</text>
    8. </bui-dialog>
    1. data: function(){
    2.     return {
    3.         showDialog: false
    4.     }
    5. },
    6. methods: {
    7.     open() {
    8.         this.showDialog = true;
    9.     },
    10.     onDialogCallback (text) {
    11.         this.showDialog = false;
    12.         this.$toast(text)
    13.     }
    14. }

    Example: bui-dialog

    属性

    Prop Type Required Default Description
    value boolean Y 可以使用v-model进行双向绑定
    height number N 200 窗口高度
    top number N 300 距离顶部的距离
    title string N 标题 标题文本
    buttons string N 取消,确定 通过逗号隔开，如 “按钮一,按钮二”

    事件

    • @btnClick 按钮事件，可以在text中获取按钮文本