当前位置: 首页 > 文档资料 > VUX 中文文档 >

Msg 组件使用教程

优质
小牛编辑
135浏览
2023-12-01

安装

import { Msg } from 'vux'

export default {
  components: {
    Msg
  }
}
// 在入口文件全局引入

import Vue from 'vue'
import { Msg } from 'vux'

Vue.component('msg', Msg)

prop:buttons 列表是 slot:buttons 插槽的默认显示内容,如果 prop:buttons 无法满足需求,可以使用 slot:buttons 引入 x-button 组件。

<msg>
  <template slot="buttons">
    <x-button plain type="primary">hello</x-button>
    <x-button>world</x-button>
  </template>
</msg>

属性

名字类型默认值说明版本要求
titlestring操作状态提示文字--
descriptionstring描述文字--
iconstringsuccess图标类型,可选值有 success, warn, info, waiting--
buttonsarray操作按钮列表,一个按钮对象包含text, type(和x-button组件type一致), link, onClick--

插槽

名字说明版本要求
buttons自定义按钮区域元素--
description自定义描述文字内容--