更新时间:2020-08-07 20:34
Inform 临时通知文档介绍了使用该组件的不同方式以及 API 文档:
API 文档 提供了 props、slots、events 的接口信息。
<dependency component="{ Inform }" src="@alipay/antui-vue" ></dependency>
import { Inform } from '@alipay/antui-vue';
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
operation | 通知的可用操作,可选go ,button |
string | null |
buttonText | operation 为button 时按钮显示的文字 |
string | '知道了' |
href | operation 为go 时有效,点击后跳转位置 |
string | null |
name | 说明 | scope |
---|---|---|
- | 通知内容 | - |
button | 当operation 为button 时,可定制buttonText 内容为DOM |
- |
name | 说明 | 函数 |
---|---|---|
buttonClick | 点击按钮时触发 | Function(): void |
<template>
<div>
<Inform
:style="{visibility: visible ? 'visible' : 'hidden'}"
operation="button"
buttonText="知道了"
@buttonClick="visible = false"
>
防欺诈盗号,请勿泄露支付密码
</Inform>
<Inform
operation="go"
href="https://alipay.com/"
>
防欺诈盗号,请勿泄露支付密码
</Inform>
<Inform>
防欺诈盗号,请勿泄露支付密码
</Inform>
</div>
</template>
<script>
export default {
data() {
return {
visible: true,
};
},
};
</script>
在文档使用中是否遇到以下问题
更多建议
匿名提交