本文介绍了如何在Vue2中自定义Ant Design Vue的Message组件，提供成功提示和其他定制内容的功能。通过创建`modules.js`文件定义了包括成功提示、错误提示以及可点击链接在内的消息内容。同时，`install.js`文件用于安装这些自定义模块到Vue原型链上，以便全局使用。在`main.js`中引入并应用这些自定义模块，实现了Vue项目的公用方法流程。
1 modules.js
import { Button, message } from 'ant-design-vue';
function downFile(){
alert('下载')
}
export default {
// 成功提示
success(_this,content,size = 14) {
// message.success({
// content : h =>
// _this.$createElement('span', [
// h('span', { style:`font-size:${size}px` },`${content}`)
// ]),
// duration:20
// })
message.success(h =>
_this.$createElement('span', [
h('span', `${content}`),
h(
'a',
{
style: 'margin-left:30px', // 样式内容
on: {
click: downFile // 点击
最低0.47元/天 解锁文章
扫一扫
6685
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
