在 Vue3 中如何使用 styled-components
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 124
前言随着组件化时代的兴起，前端应用开始采用组件级别的 css 封装：通过 javascript 声明和抽象样式，以提高组件的可维护性。在组件...
Vue3+El-Plus实现表格行拖拽功能完整代码
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 117
一： 安装sortablejsnpm install sortablejs --save二： 页面使用这里项目只需要一个地方用到，就没有封装...
Vue3中使用styled-components的实现
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 122
前言随着组件化时代的兴起，前端应用开始采用组件级别的 css 封装：通过 javascript 声明和抽象样式，以提高组件的可维护性。在组件...
vue如何处理base64格式文件pdf及图片预览功能
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 113
一、需求：后端返回是base64数据，需要前端处理来展示文件。二、实现方法：解释一下这段代码的功能：）preview(item)是一个函数，...
electron-vite工具打包后如何通过内置配置文件动态修改接口地址
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 120
前言使用electron-vite 工具开发项目打包完后每次要改接口地址都要重新打包，对于多环境切换或者频繁变更接口地址就显得麻烦。如果能在...
Vue3快速diff算法的处理过程
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 123
一、为什么要使用diff算法新旧vnode节点都有一组子节点的情况下，如果不使用diff算法处理则渲染器的做法是，将旧的子节点全部卸载，再挂...
一文详解Vue中渲染器的简单实现
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 109
一、渲染器渲染器用于完成渲染操作，比如在浏览器平台上渲染器可以将虚拟dom转换为真实dom。二、一个简单例子理解vue中渲染器的工作过程co...
Vue渲染器如何对节点进行挂载和更新
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 103
一、子节点和元素的属性先前我们讨论了一个简单的渲染器是如何实现的 一文详解vue中渲染器的简单实现_vue.js_代码网 (jb51.net...
基于vue+echarts实现柱状图渐变色效果(每个柱子颜色不同)
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 109
一、需要实现的效果图二、背景echarts的柱状图，由于默认所有柱子都是同一个颜色，且颜色为纯色系，显示效果不能满足我们的设计稿要求，遂需要...
vue require.context全局注册组件的具体实现
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 110
作用：一个webpack提供的 api 方法，通过require.context()函数可以获取一个上下文，通常用来简化大量频繁的引入组...
element-ui 中如何修改loading加载样式
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 112
element-ui 中的 loading 加载功能，默认是全屏加载效果设置局部，需要自定义样式或者修改样式，方法如下：重点：createl...
vue3中toRef、toRefs和toRaw的使用
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 106
1.toreftoref的作用是将一个响应式对象中的属性转换成单独的响应式引用。转换后的响应式引用会跟踪原始属性的变化。转换后的响应式可以被...
Vue el-table复选框全部勾选及勾选回显功能实现
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 104
1、效果2、代码（1）表格<el-table ref="multipletable"></el-table>（2）默...
vue3父子组件相互调用方法详解
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 96
1、前言在vue3项目开发中，我们常常会遇到父子组件相互调用的场景，下面主要以setup语法糖格式详细聊聊父子组件那些事儿2、子组件调用父组...
解决vue3项目打包后部署后某些静态资源图片不加载问题
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 95
问题开发完项目打包并部署然后访问时发现导航栏背景图片没加载打开浏览器控制台发现这张图片报错404原因可能是因为在部署后的服务器环境中对中文文...
vue3基于elementplus 简单实现表格二次封装过程
2024-05-26 13:23 | 分类：前端脚本 | 评论：0 次 | 浏览: 112
公司渲染表格数据时需要将空数据显示‘-’，并且对于每一列数据的显示也有一定的要求，基于这个需求对element-pl...
vue3的父传子问题(单项数据流)
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 116
vue3父传子(单项数据流)父组件通过属性绑定传递数据子组件内部通过props接收数据基本数据类型---改变父组件的数据--只改变了 父组件...
安装nvm node版本管理器的操作方法(vue2.x迁移vue3.x)
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 110
前言：vue2.x项目迁移vue3.x，由于node使用版本不同，需要管理不同的node来满足项目需求首先需要删除本地node/npm打开你...
vue报错"vue-cli-service‘不是内部或外部命令,也不是...”的解决办法
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 106
问题描述项目执行npm run serve后报错产生原因（最大概率原因）由于在该代码中含有node_module依赖包，再拷贝到其他计算机时...
Vue2 Element description组件列合并详解
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 109
前言需求是description需要做成首行3列, 剩余行为4列, 额, 我说的是算上标签, 就像这样:你可能会说"啊, 你这个笨...
vue菜单栏自适应折叠功能示例
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 108
思路：我这里使用的是el-menu导航菜单，监听页面宽度的改变，来改变导航菜单的折叠和展开。上篇文章给大家介绍了vueel-menu左侧菜单...
element 实现导航栏收起展开功能及思路
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 104
上篇文章介绍了vue使用elementui时导航栏默认展开功能的实现，今天介绍下element 导航栏收起展开功能的实现思路。element...
Vue (Vuex)中 store 基本用法
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 99
store是一个管理状态，在vuex中使用。import vue from 'vue'import vuex from 'vuex'vue....
图文详解Vue3没有代码提示问题的解决办法
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 104
在上一篇笔记中提到了vue3+vite+ts写代码过程中，出现的代码自动补全失效功能，今天来谈谈如何解决这个问题。首先，我们已经很明确的就是...
vue3 element-plus二次封装组件系列之伸缩菜单制作
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 109
1、效果折叠效果--只剩图标展开效果--有图标有文字2、主要逻辑代码home.vue--主页代码<template> <...
vue pdf二次封装解决无法显示中文问题方法详解
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 126
前言vue-pdf 可以实现pdf文件在线预览并且支持分页。安装方式：npm install --save vue-pdf完整代码<t...
vue阻止重复请求实现示例详解
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 105
背景项目当中前端代码会遇到同一个请求向服务器发了多次的情况,我们要避免服务器资源浪费,同一个请求一定时间只允许发一次请求思路(1)如果业务简...
VUEX 使用 mutations的两种方式
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 122
vuex 使用 mutations在 vuex 中 store 数据改变的唯一方法就是提交mutations。mutations里面装着一些...
vue多页面项目实现版本快照功能示例详解
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 113
背景app落地页迭代频繁，且需兼容app与各小app，目前是单向前进迭代，会存在以下问题：跳转原生交互；如：某个落地页增加了只有主app的才...
vue通过url方式展示PDF的几种方法
2024-05-20 16:26 | 分类：前端脚本 | 评论：0 次 | 浏览: 114
最近vue项目中遇到预览pdf出现乱码问题，尝试了各种办法受尽折磨，以此记录一下使用的几种方法1.使用pdfjs-dist 插件，通过ifr...