组件
run-Ameng
这个作者很懒,什么都没留下…
展开
-
Vue3封装 Message消息提示实例函数
Vue3封装 消息提示实例函数Vue2.0使用 Vue.prototype.$message = function () {}vue3.0使用app.config.globalProperties挂载原型方法app.config.globalProperties.$message = Message也支持直接导入函数使用 import Message from './Message.js样式布局封装 message.vue<template> <Transition na原创 2021-09-23 22:15:13 · 1960 阅读 · 0 评论 -
Vue3封装 消息提示实例函数
Vue3封装 消息提示实例函数组件功能分析:固定顶部显示,有三种类型:成功,错误,警告。显示消息提示时需要动画从上滑入且淡出。组件使用的方式不够便利,封装成工具函数方式。样式布局封装 message.vue<template> <Transition name="down"> <div class="my-message" :style="style[type]" v-show='isShow'> <!-- 上面绑定的是样式原创 2021-09-23 17:53:31 · 319 阅读 · 0 评论