Notice 通知文档介绍了使用该组件的不同方式以及 API 文档:
Kylin
<dependency component="{ Notice }" src="@alipay/antui-vue" ></dependency>
ESModule
import { Notice } from '@alipay/antui-vue';
API 文档
props
属性 |
说明 |
类型 |
默认值 |
operation |
公告的可用操作,可选go ,close |
string |
null |
href |
operation 为go 时有效,点击后跳转位置 |
string |
null |
slots
events
name |
说明 |
函数 |
close |
operation 为close 时点击关闭按钮触发 |
Function(): void |
Demo
基础样式
截图

代码
<template>
<div>
<Notice>
因全国公民身份系统升级,添加银行卡
</Notice>
<Notice operation="go" href="https://www.alipay.com/">
因全国公民身份系统升级,添加银行卡
</Notice>
<Notice operation="close" @close="show = false" v-if="show">
因全国公民身份系统升级,添加银行卡
</Notice>
</div>
</template>
<script>
export default {
data() {
return {
show: true,
};
},
};
</script>
在文档使用中是否遇到以下问题
更多建议
匿名提交