BootstrapVue中文文档

BootstrapVue Avatar 头像类型按钮类型、链接类型

Avatar 可以将头像渲染为按钮类型或者链接类型,通常需要触发对话框或者事件时设置为按钮样式。

Button类型

例子

<b-avatar button @click="onClick('文字按钮')" variant="primary" text="IT" class="align-baseline"></b-avatar>
<b-avatar button @click="onClick('图片按钮')" src="https://www.itxst.com/img/logo.png"></b-avatar>
<b-avatar button @click="onClick('图标按钮')" icon="star-fill" class="align-center"></b-avatar>

Link类型

例子

<b-avatar  href="http://www.itxst.com" target="_blank" variant="primary" text="IT" class="align-baseline">
</b-avatar>
<b-avatar  href="http://www.itxst.com" target="_blank" src="https://www.itxst.com/img/logo.png"></b-avatar>
<b-avatar href="http://www.itxst.com" target="_blank" icon="star-fill" class="align-center"></b-avatar>
Catalog
快速入门 Alerts 警告框 Aspect 设置宽高比 Avatar 头像 Avatar 属性事件 Avatar 显示内容 Avatar 头像样式 Avatar 头像类型按 Avatar Badge 徽章 Avatar Groups 分组 Badge 徽章 Breadcrumb 面包屑 Button 按钮 Button 按钮基础 Button 属性列表 Button Group 按钮组 Button Toolbar 工具栏 Calendar 日历 Calendar 选择事件 Calendar 日历组件 Calendar 组件样式 Calendar 设置语言