vue3.0+element-plus 使用ElMessage页面没有效果,

使用elment-plus中的ElMessage页面没有效果,也没有报错信息


```javascript
import {
        reactive,
        ref,
        onMounted
    } from 'vue'
    import { ElMessage } from 'element-plus'

    import {
        getCateCheck,
        adminLogin
    } from "../../api/login.js"
    export default {
        setup() {
            const loginForm = reactive({
                userName: '',
                password: '',
                codeCathe: ''
            })
            
            const codeImage = ref(0);
            const getCodeCathe = () => {
                getCateCheck().then(res => {
                    codeImage.value = res.data.data
                }).catch(err => console.log(err))
            }
            const login = () => {
                if (loginForm.userName === '' || loginForm.userName === null) {
                    ElMessage.error('用户名不能为空')
                    console.log(2132)
                    return
                }
                adminLogin(loginForm).then(res => {
                    codeImage.value = res.data.data
                }).catch(err => console.log(err))
            }
            onMounted(() => {
                getCateCheck().then(res => {
                    codeImage.value = res.data.data
                }).catch(err => console.log(err))
            })
            return {
                loginForm,
                codeImage,
                login,
                getCodeCathe
            }
        },
    }


这是前台打印的,已经进入这个方法了

img




尝试一下引入css

img

已经全局use了,为啥还要在组件里单独引入