弹出框 (bui-dialog)

用法

  1. <div class="center" style="padding:10px;">
    2.     <bui-button type="warning" value="打开自定义窗口" @click="open"></bui-button>
    3. </div>
    4.   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

属性