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>