Vue_seozhijia.net

admin

|

2024.03.02

|

vue
·
css
·
瀑布流

vue3+ts实现瀑布流布局组件

项目要实现瀑布流布局，本想用css实现的，无奈css根本无法满足需求，无论是flex布局还是grid布局，还有最终的column-count，都满足不了，瀑布流的特点是同宽不同高，项目要求最新的数

浏览：1021
admin

|

2023.06.03

|

vue
·
批量
·
注册

vue如何批量引入组件注册的方法，读取文件夹所有文件

当在vue中想要批量引入组件进行注册时，可以使用webpack提供的require.context()方法语法默认值 require.context( directory, (useSubdirectories = true), (regExp = /^\.\/.*$/), (mode = 'sync')); 参数说明： dire

浏览：1472
admin

|

2023.05.19

|

vue
·
node_modules
·
缓存

vue打包编译删除node_modules下的.cache缓存文件夹

vue项目不断打包编译后，在node_modules目录下的.cache文件夹里的文件就越来越多，手动删除根本没时间等，虽然文件不大，但是数量巨大，几十万个文件，同时由于缓存越来越多，项目目

浏览：2777
admin

|

2023.03.25

|

vue
·
el-popover
·
超出

vue中使用el-popover弹出窗超出屏幕怎么办？

vue开发过程中使用element-ui框架中的Popover 弹出框，即 el-popover 组件；因为内容高度不确定，而placement为固定值，弹出窗很容易超出屏幕导致被遮挡，一开始想着自己解决这个问题，逻辑

浏览：4865
admin

|

2023.03.12

|

vue
·
首屏
·
加载

如何解决vue首屏首次加载慢的问题？系统性能提升之探索

使用vue框架开发时间长了以后，随着项目的组件越加越多，首次请求某个路由所加载的文件数量也越来越多，单个文件也越来越大，导致打开某个页面白屏时间越来越长，load时间明显加

浏览：2940
admin

|

2022.12.12

|

vue-grid-layout
·
vue
·
边距

vue-grid-layout的边距margin改变组件高度突变化大的问题

在使用vue-grid-layout栅格布局组件的过程中，设置好的布局，要修改纵向外边距的时候，发现每个组件的高度变化很大，但是修改横向外边距时，组件的宽度却基本不变化，研究了很久差

浏览：2210
admin

|

2022.12.02

|

vue
·
vue-grid-layout
·
算法

vue-grid-layout自动添加新元素在空白处算法

vue-grid-layout是一款栅格拖拽布局的vue组件，但新卡片在添加的时候不会自动找到空位放置，因为新卡片一开始的x、y值都默认为0，导致新卡片组件元素原有卡片元素重叠在一起，很影响

浏览：2379
admin

|

2022.11.20

|

bpmnjs
·
connect
·
连线

bpmnjs自定义之connect连线模块

bpmnjs没有修改diagram-js的连线模块，所以我们将diagram-js中的connect模块直接拷贝出来在bpmnjs中引入替换connect模块即可，文件目录在：diagram-js/lib/features/connect/Connect.js，看下部分代码： e

浏览：1964
admin

|

2022.11.20

|

bpmnjs
·
自定义模块
·
bpmnRules

bpmnjs自定义之bpmnRules规则模块

我们首先来简单看一下这两个模块的基本内容，直接找到node_modules依赖文件路径：bpmn-js/lib/features/rules/BpmnRules.js与diagram-js/lib/features/rules/RuleProvider.js： BpmnRules.js import RuleProvider from 'di

浏览：1713
admin

|

2022.11.20

|

bpmnjs
·
连线
·
bpmnRules

bpmnjs自定义规则之同方向防止重复连线设置bpmnRules

bpmnjs两个节点同方向连线个数并未做限制，允许重复连多条线：bpmn:SequenceFlow ，但实际项目中同方向只保留一条线即可，这里要用到bpmnjs中的BpmnRules模块，可以看到这个模块是继承于

浏览：1866
admin

|

2022.10.28

|

vue
·
axios
·
拦截器

vue设置axios请求拦截器和响应拦截器

vue项目开发过程中，常见使用axios做api接口请求，那为什么要使用拦截器（interceptor）呢？拦截器的作用其实使用拦截器的目的主要是为了对全局接口做一些统一的配置：请求拦截器

浏览：2379
admin

|

2022.10.06

|

vue
·
sso
·
单点登录

vue单点登录的实现方式sso之以code换token

什么是单点登录？简单地说就是在多系统应用中，用户只需在一个地方登录，就可以访问所有的系统应用；比如某宝，就属于多系统平台，既有买家购物系统、交易支付系统，还有卖家

浏览：2627
admin

|

2022.06.18

|

vue
·
e-dialog
·
拖拽

vue的el-dialog拖拽拖动弹窗，包含不出可视窗口边界directives

elementUI中的el-dialog弹窗，是常见的高使用率的一个组件，但却不支持拖动拖拽，查了一下资料，没查到满意的实现代码，还是自己写比较稳妥，于是就有了下面的v-dialogdrag自定义指令了

浏览：2973
admin

|

2022.06.12

|

vue
·
图片
·
缩放

vue图片按比例缩放，等比例缩放，在父节点中居中显示

vue很多时候要将图片缩放显示到父节点/父元素中，并且要清晰不能变模糊，缩略图就经常用到，所以就需要等比例缩放图片，一种方式是cover，图片缩放至铺满父元素，一种是contain模式

浏览：6437
admin

|

2022.06.08

|

vue
·
nextTick
·
emit

[已解决]在$nextTick或setTimeout里执行$emit不生效的问题

这个问题的出现，是因为组件使用了递归调用（组件里自己调用自己），删除事件是将子组件删除，本以为是在删除渲染完成后（也即是在nextTick里）执行emit向父组件输出最新数据，没

浏览：1697
admin

|

2022.05.25

|

vue
·
条件
·
规则

vue多条件组合可视化编辑动态查询规则组件

项目中需要用到多条件组合可视化编辑，而且要多层嵌套，具体编辑完后的数据结构基本如下： { relation: "and", conditions: [{ name: "条件名1", operate: "等于", value: "值" },{ name: "条件名2", ope

浏览：3607
admin

|

2022.05.17

|

宽度自适应
·
vue
·
自定义指令

vue的el-input、el-select内容宽度自适应，文字自动撑开

项目中需要做到根据` `选中内容的宽度调整组件宽度，或者` `根据输入内容自适应宽度，用以节省页面占用空间，以前有做过textarea的高度跟随内容变化，隐约记得也做过宽度跟随变化的

浏览：5127
admin

|

2022.03.29

|

vue
·
compression-webpack-plugin

vue打包之compression-webpack-plugin实现gzip压缩

上一篇代码打包分块已经讲解完了：> [chainWebpack之optimization.splitChunks的cacheGroups缓存组代码分块实践案](http://www.seozhijia.net/vue/220.html "chainWebpack之optimization.splitChunks的cacheGroups缓存组代码

浏览：3898
admin

|

2022.03.27

|

vue
·
chainWebpack
·
cacheGroups

chainWebpack之optimization.splitChunks的cacheGroups缓存组代码分块实践案

研究了好几天webpack打包，我们项目是vue的高版本，已经没有了webpack.config.js文件了，是直接在vue.config.js里的chainWebpack方法直接配置，这样做法的好处是用户既可以保留webpack的默认配置，

浏览：4932
admin

|

2022.03.26

|

bpmnjs
·
vue
·
初始化

bpmnjs自定义之初始化流程设计器[新建、编辑、保存、发布的使用例子]

写了很多关于bpmnjs的使用方法，突然发现没有写一遍怎么初始化流程设计器的例子大家参考，其实这个过程已经写过了，只不过没有单独作为一篇文章写出来，而是放在了自定义bpmnjs右

浏览：3235

首页
1
2
3
下一页
末页
共 3页53条