Closed Ncowaedly closed 2 hours ago
假设已经全局引入 VueAmazingUI 在 app.vue 中加入如下代码即可:
VueAmazingUI
app.vue
<script setup lang="ts"> import { ref } from 'vue' const message = ref() onMounted(() => { window['$message'] = message.value }) onBeforeUnmount(() => { delete window['$message'] }) </script> <template> <RouterView /> <Message ref="message" /> </template>
然后在任何页面中直接使用:
<script setup lang="ts"> const $message = window['$message'] function onClick() { $message.success('点击了按钮') } </script> <template> <Button @click="onClick">按钮</Button> </template>
我想在main.ts使用app.config.globalProperties.$message挂载
挂载到 app.config.globalProperties 的变量 用起来并没有 window 上方便
假设已经全局引入
VueAmazingUI
在app.vue
中加入如下代码即可:然后在任何页面中直接使用: