Emui

# 使用

# succss的message提醒

success的消息提示
 <emui-button type="successwhite" @click="messageOpenMeth('success')">success的消息提示</emui-button>
 <script>
    export default{
        methods:{
            messageOpenMeth(type){
                this.$notice.open({
                    title:'这是一条消息提示',
                    type:type
            })
        }
    }
}
 </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Expand Copy

# info的message提醒

info的消息提示
 <emui-button type="primarywhite" @click="messageOpenMeth('info')">info的消息提示</emui-button>
 <script>
    export default{
        methods:{
            messageOpenMeth(type){
                this.$notice.open({
                    title:'这是一条消息提示',
                    type:type
            })
        }
    }
}
 </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Expand Copy

# warning的message提醒

warning的消息提示
 <emui-button type="warning" @click="messageOpenMeth('warning')">warning的消息提示</emui-button>
 <script>
    export default{
        methods:{
            messageOpenMeth(type){
                this.$notice.open({
                    title:'这是一条消息提示',
                    type:type
            })
        }
    }
}
 </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Expand Copy

# error的message提醒

error的消息提示
 <emui-button type="dangergold" @click="messageOpenMeth('error')">error的消息提示</emui-button>
 <script>
    export default{
        methods:{
            messageOpenMeth(type){
                this.$notice.open({
                    title:'这是一条消息提示',
                    type:type
            })
        }
    }
}
 </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Expand Copy

# Attributes

#

属性 属性值 说明
title String message提示的内容
type success/info/warning/error 不同类型的message
time Number 多少毫秒后关闭

← nav →