Msg

Msg

demo 原始链接demo 源码编辑文档组件源码

msg - 图1

二维码

msg - 图2

Install

安装

局部注册

全局注册

  1. import { Msg } from 'vux'
  2. export default {
  3. components: {
  4. Msg
  5. }
  6. }

  1. // 在入口文件全局引入
  2. import Vue from 'vue'
  3. import { Msg } from 'vux'
  4. Vue.component('msg', Msg)

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

  1. <msg>
  2. <template slot="buttons">
  3. <x-button plain type="primary">hello</x-button>
  4. <x-button>world</x-button>
  5. </template>
  6. </msg>

API

属性

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

插槽

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

贡献者

贡献者

该组件(包含文档)迭代次数 7,贡献人数 2
airylandQiongrong Jiang

Changelog

发布日志

  • v2.9.0 [change] prop:buttons 数组作为 slot:buttons 默认内容
  • v2.1.0 [feature] 新组件