Message 消息提示 ​

<template>
    <div style="display: flex;justify-content: space-between;">
        <lcl-button type="success" @click="openMessage('success')">success</lcl-button>
        <lcl-button type="warning" @click="openMessage('warning')">warning</lcl-button>
        <lcl-button type="danger" @click="openMessage('error')">error</lcl-button>
        <lcl-button type="primary" @click="openMessage('info')">info</lcl-button>
    </div>
</template>
<script>
import { defineComponent,getCurrentInstance, ref } from 'vue';
export default defineComponent({
  setup() {
    const { proxy } = getCurrentInstance()
    const openMessage = (type) => {
        proxy.$lclMessage({ type, str: `this is a ${type} message !` })
    }
    return { openMessage };
  },
});
</script>