bees

基本用法

作为组件使用

<template>
  <div>
    <ui-dialog :visible.sync="visible" title="我是title">
      <div>我是content</div>
    </ui-dialog>
    <ui-button @click="visible=true">open dialog</ui-button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      visible:false
    }
  }
}
</script>

<style>

</style>
open dialog

作为实例使用

<template>
  <div>
    <ui-button @click="clickHandler">open dialog</ui-button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      visible:true
    }
  },
  methods:{
    clickHandler(){
      this.$Modal({
        title:'我是title',
        content:function(){
          return (
            <div>我是content</div>
          )
        },
        visible:true
      })
    }
  }
}
</script>

<style>

</style>
open dialog

props

title

title: String

content

可以使用默认slot方式传递，也可以使用render函数

事件

sure

点击确认按钮触发

cancle

点击取消按钮触发

← Circle →