开发手册 - 弹出框(bui-dialog)

弹出框 (bui-dialog)

用法

<div class="center" style="padding:10px;">
    <bui-button type="warning" value="打开自定义窗口" @click="open"></bui-button>
</div>
<bui-dialog v-model="showDialog" @btnClick="onDialogCallback">
    <text>欢迎使用BUI-Weex!</text>
    <text>基于weex构建的一套高质量UI框架</text>
</bui-dialog>

data: function(){
    return {
        showDialog: false
    }
},
methods: {
    open() {
        this.showDialog = true;
    },
    onDialogCallback (text) {
        this.showDialog = false;
        this.$toast(text)
    }
}

Example: bui-dialog

属性

事件

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