ITXST.COM 为程序员提供优质教程和文档

BootstrapVue Button 按钮基础

本章将讲解Bootstrap Vue Button的按钮样式风格,快速连接Bootstrap按钮的特性。Bootstrap按钮支持实体按钮、线框按钮、圆形按钮、方块按钮等。

2020年的第35周日志

2020年的第35周日志,闲来无事记一笔流水账,本周去了3个地方分别是西湖大学、下沙高教区、西塘古镇。

BootstrapVue Breadcrumb 面包屑导航条

BootstrapVue Breadcrumb 面包屑一般用在当前网页所在的位置。

BootstrapVue Badge 徽章

BootstrapVue Badge徽章可以用在标签、计数、需要重点提示的内容,文字大小和父元素大小一样。

BootstrapVue Avatar Groups 分组

使用b-avatar-group组件可以将几个头像组合在一起。

BootstrapVue Avatar Badge 徽章

通过Badge属性可以把徽章添加到头像中,你可以设置徽章的位置和主题跟随Avatar头像的大小变化。

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

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

BootstrapVue Avatar 头像样式、主题、大小

BootstrapVue Avatar 头像样式、主题、大小、圆形还是方形。

BootstrapVue Avatar 显示 文字、图像、图标

BootstrapVue Avatar 支持文字、图像、图标还有自定义显示内容。

BootstrapVue Avatar 头像介绍

BootstrapVue Avatar头像组件,Avatar头像组件可显示图片,图标或短文本,还可以作为按钮、链接、vue路由链接使用。

BootstrapVue Aspect 设置宽高比

BootstrapVue Aspect 组件设置宽高比,当组件内容低于设定的宽高比时组件会按设定的比例渲染,如果内容高于设定的比例就会按内容高度渲染。

BootstrapVue Alerts 警告框

BootstrapVue Alerts警告框来代替js原生的alert方法有更好的UI和体验,但需要注意的是BootstrapVue的Alerts并不像原生js的alert是阻塞(一旦弹出用户无法继续其他操作只能确认)的。

sortable.js onRemove 把元素从组移除事件

sortable.js onRemove 把元素从组移除事件,可以获取到那个元素被移除了。

sortable.js onSort 拖拽位置发生改变的事件

sortable.js onSort 拖拽位置发生改变的事件,比如有两个拖拽组a和b,你无论是a组内拖拽排序还是从a组拖往b组都会触发onSort,而onUpdate事件只会发生在a组或者b组元素被增加或者减少时才会执行。

sortable.js onAdd 多组拖拽时新增元素事件

sortable.js onAdd 多组拖拽时新增元素事件,本组内拖拽不会触发onAdd事件因为没有新增元素。

sortable.js onUnchoose 取消选中事件

sortable.js选中需要拖拽对象后松开鼠标会执行onUnchoose事件,表示用户放弃了拖拽行为。

sortable.js onChange 拖拽中位置发生改变后的事件

sortable.js onChange 拖拽中位置发生改变后的事件,鼠标不用松开也会触发onChange事件。

sortable.js onEnd 拖动结束后的事件

sortable.js onEnd 拖动结束后的事件,可以利用该事件处理拖拽完成后的相关事件,比如更新数据库对应的排序字段。

sortable.js onStart 开始拖动的事件

sortable.js onStart 开始拖动的事件,执行的顺序在onChoose选中顺序之后。

sortable.js onClone 克隆事件

sortable.js onClone 克隆事件,group属性设置了clone后多组间拖拽时会触发该事件。