vue3 v-model 双向绑定

v-model 是 vue3 的一个内置指令,可以实现父组件变量(不能是常量)与子组件属性的双向绑定,我们在很多知名的开源库可以看到这个命令,比如我们要实现一个弹窗组件需要父组件和子组件都可以操作这个变量来实现隐藏显示统一步调。

vue3 slots 插槽

vue3 slots 插槽是组件开发者预留给调用者自由发挥的区域,比如我们一个网页的顶部栏和左边菜单栏是固定而中区域需要显示不同的内容,这时插槽就实现了模板的复用,插槽具有匿名插槽和具名插槽。

vue3 events 事件

事件是组件开发中必不可少的部分,事件就是当你完成了某个任务后你把这个事情告诉别人的动作,比如你在组件中保存成功了数据等等,本文将介绍任何在vue3中定义事件以及调用者任何接收这个事件。

vue3 props 属性

vue3 通过 props 来定义属性,我们可以通过属性将值传给自定义组件,比如颜色、高度宽度等等,定义属性时我们也可以定义类型和默认值。

在vue2 中使用 clipboard.js 复制功能

在手机中或web端复制粘贴是一个常用的功能,可以帮助用户方便的复制需要的内容,比如字符串或图片,本文将介绍在vue2 中使用 clipboard.js 复制功能。

clipboard.js 复制图片

clipboard.js 也可以复制图片到微信和word,复制到微信不能是https和base64格式,但是word、excel支持。

clipboard.js 方法高级使用方法

clipboard.js 方法高级使用方法,如果你不喜欢像之前一样设置html的属性来实现复制,clipboardjs 通过了api方式实现更佳自由的方式来实现复制功能。

clipboardjs 通过 html5 data标签属性实现粘贴复制

clipboardjs 通过 html5 data标签属性实现粘贴复制,优点是简单无需写过多的代码。

vue.draggable.next sort 是否允许排序

vue.draggable.next 的 sort 字面意思我们也可以看出来是否允许进行排序否能,注意这里只是否允许排,而不是不能进行拖拽,通过我们的在线demo你就一眼可以看出他的作用。

vue.draggable.next group 分组拖拽

vue.draggable.next 的 group 属性可以实现分组拖拽,比如A和B区间相互拖拽,也可以实现A允许拖入B,但是B不允许拖入A区域。

vue.draggable.next 拖拽普通表格table的行与列

我们可以使用vue.draggable.next对普通表格table的行与列进行拖拽,如果是新的项目建议使用ag-grid来制作表格,如果是老项目使用的 html 普通table又需要拖拽功能,那么可以参考本章的内容进行开发。

vue.draggable vue3 版本在工作台中的应用场景

本文将模拟 vue.draggable vue3 版本在工作台中的应用场景,假设工作台分为3列用户可以自由拖拽任何一列,但是消息通知模块不允许拖拽和停靠只能在第一列的最顶部。

vue-qr生成带logo和背景图片的二维码

vue-qr一款可以生成带logo和背景图片二维码的vue前端插件,功能强大但使用简单,你可以使用该插件生成各种漂亮的二维码图片。

vue生成二维码

vue-qrcode一款前端生成二维码的vue组件,支持ie10及以上ie浏览器和现代浏览器。vue-qrcode支持设置二维码大小、间距、qrcode版本、前景色背景色和指定渲染成svg或图片等,也可以导出图片和数据功能强大。

BootstrapVue Calendar 选择事件

BootstrapVue Calendar组件提供了输入、选择、上下文事件,我们可以通过这些事件结合自己的业务进行相应的处理,如果设置了disabled或readonly属性那么不会触发事件。

BootstrapVue Calendar 日历组件样式

BootstrapVue Calendar 日历组件样式设置方法包括设置主题、宽度、日期格式、边框间距等。

BootstrapVue Calendar 日历组件设置语言

BootstrapVue Calendar 日历组件设置语言

BootstrapVue Calendar 日历组件(中文本地化)

BootstrapVue Calendar 日历组件可以用来选择日期,支持自定义可选日期范围,兼容WAI-ARIA。如果未设置语言默认为浏览器当前语言环境。

2020年12月22日好久没更新网站了

从9月份开始到现在大约有4个月没更新网站了,原因并不是因为工作忙。工作依旧是965没有一丝丝的惊喜,好吧杭州按时上下班的IT公司不多了特别是互联网公司但认识的人周围大部分的软件公司还是加班不严重的。

BootstrapVue Button Toolbar 按钮工具栏

BootstrapVue Button Toolbar 按钮工具栏,是将多个按钮组Button Group组合到一起的组件,可以设置通过键盘方向键控制焦点。