Dialog

Inform users and host relevant operations while maintaining the current page status.

Basic Usage：

Prompt information

information

Warning message

information

Warning message

Are you sure you want to delete

todoList

html5

del

css3

del

js

del

vue

del

typescript

del

<lee-dialog title="Prompt information" v-model="isshow1" effect="scale1">information</lee-dialog>
<lee-dialog title="Warning message" v-model="isshow2" effect="slideDown">information</lee-dialog>
<lee-dialog title="Warning message" v-model="isshow3" effect="scale" @cancel="cancel" @certain="certain">Are you sure you want to delete</lee-dialog>
<lee-button type="primary" @click="open1">open dialog</lee-button>
<lee-button type="success" @click="open2">open dialog</lee-button>
<lee-cells title="todoList" style="padding-top: 15px">
        <lee-cell :title="item" footer="del" del v-for="(item,inx) in todoList" @del="del(inx)"></lee-cell>
</lee-cells>

<script>
    export default {
        data() {
              return {
                isshow1:false,
                isshow2:false,
                isshow3:false,
                delxh:0,
                flag:false,
                todoList:['html5','css3','js','vue','typescript']
              }
          },
          watch: {
            flag: {
                immediate: true,
                handler(value) {
                    if (value) {
                        this.todoList.splice(this.delxh,1)
                        this.flag=false
                    }
                }
            }
          },
          methods:{
            open1(){
              this.isshow1=true
            },
            open2(){
              this.isshow2=true
            },
            del(inx){
              this.isshow3=true
              this.delxh=inx
            },
            cancel(rs){
              this.flag=rs.flag
            },
            certain(rs){
              this.flag=rs.flag
            }
          }
    }
</script>

显示代码

Dialog Attribute

Parameter	Description	Type	Optional Value	Default Value
title	title	String	--	--
effect	effect	String	fade,slideDown,slideUp,slideLeft,slideRight,scale	fade
v-model	show or hidden	Boolean	true,false	--

Event

Event name	Description	Callback parameter
cancel	Hit Cancel	flag=false
certain	Hit certain	flag=true