gridster.js resize_widget 修改单元格大小

gridster.js 提供了 resize_widget 函数可以修改某个单元格的大小,

一个网页多个 gridster.js 实例

在一个网页创建多个 gridster.js 实例的完整代码例子,gridster.js 通过 namespace 选项来确定 gridster.js 生成的CSS代码的范围。

gridster.js 序列化创建网格

gridster.js 通过 sort_by_row_and_col_asc、sort_by_row_asc 、sort_by_row_desc 、sort_by_col_asc、sort_by_col_desc 方法序列化网格数组并创建网格。

gridster.js 展开选中单元格

gridster.js 通过 resize_widget 方法展开选中单元格,实现鼠标悬浮在单元格上放大单元格的效果。

gridster.js 自定义拖拽句柄

gridster.js 自定义拖拽句柄,只有鼠标按住该元素才允许拖动单元格。

gridster.js 动态添加单元格

gridster.js 使用add_widget方法从数组 Array(而不是HTML)中创建添加单元格小部件的网格,未指定小部件位置(col, row)。

vue3 复制粘贴

vue3 可以通过 useClipboard 简单的实现复制粘贴功能。

ag-grid width 定义列宽

ag-grid 支持按像素和比例定义列宽,如果定义列时 width 表示按像素设置列的宽度,flex 表示按比例定义宽度,flex 的 优先级高于 width 。

vue3 父组件调用子组件的方法

vue3 父组件调用子组件的方法是通过 expose 和 ref 来实现的,我们可以通过 expose 来控制父组件可以访问子组件那些的方法和对象。

vue3 注册组件

开发好组件后,我们需要使用组件就需要注册组件,我们可以根据自己的使用情况进行局部注册组件、全局注册组件、自动注册组件。

vue3 生命周期

vue3 组件的生命周期包含创建、挂载、激活、卸载等周期,就好比人生一样出生、上学、工作,vue3的生命周期和vue3有一些命名不一样,我们将之对比。

vue3 expose 外部访问组件对象或方法

vue3 通过 expose 可以使外部访问组件内部对象或方法,就是我们使用一个组件时有时需要直接访问这个组件的对象或方法,在options api(选项式)默认当前实例是全部暴露的,而setup(组合式)默认是封闭的。

vue3 provide 与 inject

我们通过 props 属性可以把数据传给组件,而通过 provide 与 inject 我们可以把数据传递给N个层级的子组件,比如A组件用了B组件,B组件用了C组件,它可以把组件直接从A传给C组件。

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方式实现更佳自由的方式来实现复制功能。