uview中的消息提示

好的，uview中的消息提示可以使用u-toast、u-message、u-modal等组件来实现。下面介绍一下这几种组件的使用方法：

1. u-toast组件

u-toast组件是一种轻量级的消息提示组件，可以用来显示简短的提示信息。

使用方法：

在需要使用u-toast组件的页面中引入组件，并在页面中注册使用u-toast组件。

<template>
  <view>
    <u-toast ref="toast" />
  </view>
</template>

<script>
  import { uToast } from 'uview-ui';
  
  export default {
    components: {
      uToast
    }
  }
</script>

在需要触发u-toast消息提示的事件中，调用u-toast组件的show方法来显示提示信息。

this.$refs.toast.show({
  title: '提示',
  content: '这是一条提示消息',
  duration: 2000
});

其中，title表示提示信息的标题，content表示提示信息的内容，duration表示提示信息的显示时间，单位为毫秒。

2. u-message组件

u-message组件是一种常用的消息提示组件，可以用来显示比较复杂的提示信息，包括成功提示、错误提示、警告提示等。

使用方法：

在需要使用u-message组件的页面中引入组件，并在页面中注册使用u-message组件。

<template>
  <view>
    <u-message ref="message" />
  </view>
</template>

<script>
  import { uMessage } from 'uview-ui';
  
  export default {
    components: {
      uMessage
    }
  }
</script>

在需要触发u-message消息提示的事件中，调用u-message组件的show方法来显示提示信息。

this.$refs.message.show({
  type: 'success',
  title: '提示',
  content: '操作成功'
});

其中，type表示提示信息的类型，可以为success、error、warning等，title表示提示信息的标题，content表示提示信息的内容。

3. u-modal组件

u-modal组件是一种弹窗组件，可以用来显示比较复杂的提示信息，包括确认框、提示框、输入框等。

使用方法：

在需要使用u-modal组件的页面中引入组件，并在页面中注册使用u-modal组件。

<template>
  <view>
    <u-modal ref="modal" />
  </view>
</template>

<script>
  import { uModal } from 'uview-ui';
  
  export default {
    components: {
      uModal
    }
  }
</script>

在需要触发u-modal消息提示的事件中，调用u-modal组件的show方法来显示提示信息。

this.$refs.modal.show({
  title: '提示',
  content: '确定要删除吗？',
  showCancel: true,
  confirmText: '确定',
  cancelText: '取消',
  confirm: () => {
    console.log('点击了确定按钮');
  },
  cancel: () => {
    console.log('点击了取消按钮');
  }
});

其中，title表示提示信息的标题，content表示提示信息的内容，showCancel表示是否显示取消按钮，confirmText表示确定按钮的文本，cancelText表示取消按钮的文本，confirm表示点击确定按钮时执行的回调函数，cancel表示点击取消按钮时执行的回调函数。

以上就是uview中常用的三种消息提示组件的使用方法，希望对你有所帮助。