vue3中使用antd of vue中的message全局消息组件
之所以做个记录,实在是因为官方给的代码对我很不友好,我就使用一个message消息提示,官方给的代码是这样子的:不得不吐槽一下,这例子给的真拉跨。。。在脚手架中使用方法:先在main.js中引入并use:import {message,} from 'ant-design-vue'const app = createApp(App)app.use(message)然后哪个组件中需要使用到messa
·
之所以做个记录,实在是因为官方给的代码对我很不友好,
我就使用一个message消息提示,
官方给的代码是这样子的:
不得不吐槽一下,这例子给的真拉跨。。。
在脚手架中使用方法:
先在main.js
中引入并use:
import {
message,
} from 'ant-design-vue'
const app = createApp(App)
app.use(message)
然后哪个组件中需要使用到message,
还需要在这个组件中再次引入:
<script>
// 不要忘记这里也要引入一下
import { message } from 'ant-design-vue'
export default {
name: 'xxx',
methods: {
handleClick() {
// 使用
message.success('保存成功!')
}
},
}
</script>
更多推荐
已为社区贡献2条内容
所有评论(0)