vue组件之Alert的实现代码

发布时间：2020-12-17 02:46:00 所属栏目：百科来源：网络整理

导读：前言本文主要Alert 组件的大致框架，提供少量可配置选项。旨在大致提供思路 Alert 用于页面中展示重要的提示信息。 templat模板结构大致结构 alert框，icon图标， slot插值（其他样式颜色选项...）如果需要动画可以在外层包上Vue内置组件transition s

前言

本文主要Alert 组件的大致框架，提供少量可配置选项。旨在大致提供思路

Alert

用于页面中展示重要的提示信息。

templat模板结构

大致结构 alert框，icon图标， slot插值（其他样式颜色选项...）

如果需要动画可以在外层包上Vue内置组件transition

script

name: 组件的名字
props: 属性
methods: 方法

点击关闭向外暴露2个事件

使用

Alert.install = function(Vue){
Vue.component('Alert',Alert);
}
export default Alert

Attribute

参数

Event

说明	类型	可选值	默认值

事件名称

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

说明	回调参数