之所以做个记录,实在是因为官方给的代码对我很不友好,

我就使用一个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>
Logo

前往低代码交流专区

更多推荐