Message 全局提示 APP

该方法或组件支持移动端小程序调用

PC

该方法或组件支持桌面端小程序调用

<template>
  <Button @click="showInfoMessage">info</Button>
</template>
<script>
export default {
  methods: {
    showInfoMessage () {
      this.$Message.info({
        content: '信息提示文本'
      })
    }
  }
}
</script>

<template>
  <Button @click="showSuccessMessage">success</Button>
  <Button @click="showErrorMessage">error</Button>
  <Button @click="showWarningMessage">warning</Button>
  <Button @click="showLoadingMessage">loading</Button>
</template>
<script>
export default {
  methods: {
    showSuccessMessage () {
      this.$Message.success({
        content: '成功提示文本'
      })
    },
    showErrorMessage () {
      this.$Message.error({
        content: '失败提示文本',
        color: '#e94f4f'
      })
    },
    showWarningMessage () {
      this.$Message.warning({
        content: '警告提示文本'
      })
    },
    showLoadingMessage () {
      this.$Message.loading({
        content: '加载提示文本'
      })
    }
  }
}
</script>