Msg 组件使用教程
优质
小牛编辑
143浏览
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>
属性
名字 | 类型 | 默认值 | 说明 | 版本要求 |
title | string | 操作状态提示文字 | -- | |
description | string | 描述文字 | -- | |
icon | string | success | 图标类型,可选值有 success , warn , info , waiting | -- |
buttons | array | 操作按钮列表,一个按钮对象包含text , type (和x-button组件type一致), link , onClick | -- |
插槽
名字 | 说明 | 版本要求 |
buttons | 自定义按钮区域元素 | -- |
description | 自定义描述文字内容 | -- |