自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 使用canvas做一个可绘制矩形的画布(带有移动,缩放,删除)

canvas绘图

2023-11-21 11:02:10 384 1

原创 配置echarts仪表盘图

文件 getOptions.js 内容,这里把配置单独写了一个js文件。这里也是参照大佬的配置。话不多说,直接上代码。

2023-11-13 15:44:13 411

原创 通过echarts的custom自定义系统,渲染任务执行甘特图

项目中有个图表比较难搞,一开始没什么头绪,后来百度了挺久,结合一些大佬发的信息,总算搞出来了,先看一下效果图。

2023-05-12 16:23:31 467

原创 vue项目高亮显示搜索内容

最近项目中用到了高亮显示搜索结果,自己也是百度了好一阵子,拼凑来的,这里记录一下。

2023-05-12 15:25:38 435

原创 js获取当前周和时间

如 ''hello".charAt(0), 返回 'h', 往下依次排序。getDay () 方法返回指定日期是星期几(从 0 到 6)charAt()方法返回字符串中指定索引(下标)处的字符。

2023-05-12 14:37:21 844

原创 vue使用vue-i18n国际化

vue使用in18国际化

2023-03-13 18:35:04 1402

原创 props校验

props: { // 基础的类型检查 (`null` 和 `undefined` 值会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], // 必填的字符串 propC: { type: String, required: true }, // 带有默认值的数字 propD: { type: Number, def..

2022-02-07 18:11:37 302

原创 两种常见的需要改变props的情况及解决方案

因为Vue是单项数据流,数据由父组件流向子组件,但是反过来不行。另外。每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。这里有两种常见的试图变更一个 prop 的情形:这个 prop 用来传递一个初始值;这个子组件接下来希望将其作为一个本地的 prop 数据来使用。在这种情况下,最好定义一个本地的 data property 并将这个 prop 作为其初始值:props:

2022-02-07 18:05:40 685

转载 关于Vue官网的风格指南整理

看了Vue官方的风格指南,做下记录A部分:必要的1 组件名为多个单词 为了避免组件名与HTML标签名冲突。2 组件的data必须是一个函数当一个组件的data是一个对象时,它会在这个组件的所有实例共享,造成数据混乱。将data定义成一个函数返回一个对象,利用闭包可以很好的规避此问题。参考@一个小开心呀的回答:首先定义的 xx.vue文件在编译之后是一个类,每个地方使用这个组件的时候,相当于对这个类实例化,在实例化的时候执行data,如果不是一个函数...

2022-02-07 10:20:19 594

原创 Vue中简单使用clipboard实现复制

clipboard.js插件可以比较方便的实现复制功能,具体如下安装插件npm install clipboard --save在需要使用的组件内引入import Clipboard from 'clipboard'复制按钮,这里是将需要复制的内容,直接绑在了复制按钮上面对应的方法 copy () { var clipboard = new Clipboard('#equSN') clipboard.on('success', e =&...

2022-01-27 14:47:42 7061 2

原创 前端导出表格,后端返回的二进制文件流

项目中有一个导出列表的操作,由后端提供接口。这个也是当时百度下来的,在此记录一下。接口需要设置responseType为 blob没有设置类型时,结果是这样的设置类型后点击事件调用接口 async exportOut () { const res = await api.dataApiExport({ appInfoId:this.$store.state.common.appId || sessionStorage.getI...

2022-01-27 10:00:43 1090

原创 el-form 单独校验通过v-for 生成内容的item项

单独校验某个el-form-item和移除此item的校验

2022-01-23 21:49:09 616

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除