vue小技巧第8页

vue 过滤器

过滤器Vue.js允许自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和v-bind表达式。

王玉伟的伟·2024-09-08 06:50

Vue3+elementplus实现图片上传下载（最强实践）

Loading...import{computed,ref,watch}from'vue';import{upload}from'@/api/file'import{ElMessage}from'element-plus'importemitterfrom

J不A秃V头A·2024-09-08 06:17

黑马头条项目练习（day08）

今天说到的是个人资料的设置，首先就是准备好我们项目所需要的页面组件首先是user-profile/index.vueimport{getUserProfileAPI}from"@/api";importUpdateNamefrom

孙大大啊·2024-09-08 05:43

Vue Emoji Picker 项目教程

VueEmojiPicker项目教程vue-emoji-pickerVerysimple,yetpowerful,vueemojipicker项目地址:https://gitcode.com/gh_mirrors

虞熠蝶·2024-09-08 03:30

Vue初步认识与Vue基础指令

Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网

amanohina·2024-09-08 03:40

JS基础-ClassList -移动端插件的引入-touch事件-sessionStorage 和 localStorage

classList属性添加类删除类切换类检查类是否存在替换类移动端touch事件2.消除点击延迟Fastclick插件的引入引入FastClick初始化3.Swiper插件的引入和使用通过CDN引入通过npm安装（vue

垦利不·2024-09-08 02:53

【附源码】计算机毕业设计java智慧后勤系统设计与实现

项目技术：SSM+mybatis+Maven+Vue等等组成，B/S模式+Maven管理等等。环境需要1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。2.ID

计算机毕设程序设计·2024-09-08 02:52

你不得不知道的写作小技巧

【写作目的】1、为什么写作为什么要写作呢？写作的目的是什么？是想提升自己，把自己所想所感写出来，分享给别人，希望从中能够帮助别人。利他就是最好的利己。【写作技巧】2、目标思考写的文章或者书籍要解决什么样的问题，面对什么样的读者，站在读者的角度思考，他需要什么样的文字能解决他的问题。3、计划做计划，梳理故事背景、人物、逻辑顺序、架构框架等一一列出。4、真实性内容要真实，比如描述一个物体，观察他什么形

野草吹不尽·2024-09-08 01:35

详解Object.defineProperty

每次面试，只要提到VUE内容，一定会谈到VUE的双向绑定原理，大家都知道Object.defineProperty，那大家知道这个函数具体的功能吗？

三石青韦·2024-09-08 01:34

VuePress 侧边栏配置与 useSidebar 实用指南

在VuePress中，侧边栏（Sidebar）是一个重要的组成部分，用于组织文档结构，提供给用户方便的导航体验。

软考鸭·2024-09-08 00:06

VitePress 自定义 CSS 指南

VitePress是一款基于Vite和Vue3的静态网站生成器，专为文档编写而设计。尽管VitePress提供了丰富的默认主题，但在某些情况下，我们可能需要对其进行更深入的定制以满足特定的视觉需求。

软考鸭·2024-09-08 00:36

Vue + ElementUI 实现全国各个省份相对应城市的联动选择_vue+elementui 省市区联动

打开全栈工匠技能包-1小时轻松掌握SSR两小时精通jq+bs插件开发生产环境下如歌部署Node.js开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】网易内部VUE自定义插件库

2401_84617681·2024-09-07 22:52

/src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): 解决方法

当vue渲染html为原生标签时出这个错误，需要修改配置项。

邓晓芬·2024-09-07 20:10

自定义事件的触发 dispatchEvent 的用法

window.addEventListener&&window.dispatchEvent一、标准浏览器提供了可供元素触发的方法：element.dispatchEvent()，在使用之前，需要创建和初始化，下面是具体的用法：vue

司徒小北·2024-09-07 20:39

解决使用脚手架构建项目缺失node_modules文件夹文件问题

昨晚，在教我前端交流群里面的朋友搭建vue开发环境和构建vue项目的时候发现我自己之前能正常构建vue项目的现在却不行了，排查之下发现通过脚手架构建项目的时候项目缺失了node_modules文件夹，在我排除了

weixin_30414635·2024-09-07 20:38

Vue3 + vite + antd2 vite.config.js及SyntaxError: The requested module ‘/node_modules/.vite/ant-design

项目中使用Vue3+vite+antdv2.x的vite.config.js配置文件，复制粘贴即可使用！

咏春-迪迦·2024-09-07 19:05

【Electron-Vue】构建桌面应用（4）-linux-windows-mac交叉打包

1.前言上两篇博客做了在windows下的electron-vue项目的打包发布，由于electron是跨平台的，所以需要产品支持多平台即Windows，Linux，Macos系统。

逆风飞翔的猿·2024-09-07 19:02

解决vite打包出现 “default“ is not exported by “node_modules/...问题

项目场景：uniapp+vue3+ts+vite问题描述：场景很多，下面只是一种//codemirror编辑器的相关资源importCodemirrorfrom'codemirror';errorduringbuild

司徒小北·2024-09-07 19:29

看Vue2.0及数字商城电商开发

Vue2.0在标签中可以使用驼峰命名法，区分大小写ES6语法1：components:{componentA}等价于components:{componentA：componentA}ES6语法2:methods

一包·2024-09-07 18:46

[uni-app]Pinia持久化

localStorage.getItem()而小程序持久化使用的是uni.setStorageSync()和uni.getStorageSync()一、pinia的定义导出在实际开发时一般会创建一个stores文件夹来存储公共库如vuex

[盐鱼]小白前端日记·2024-09-07 18:54

uniapp中使用pinia，并做数据持久化

pnpmipiniapinia-plugin-persistedstate@nuxt/devalue-S创建store文件夹，创建持久化插件/store/plugins.tsimport{App}from'vue'import

Terminal丶句点·2024-09-07 18:24

Pinia+Vue3使用案例及Pinia持久化存储

为什么要使用PiniaPinia是Vue的一个存储库，它允许你跨组件/页面共享状态。

m0_67401228·2024-09-07 17:52

Pinia持久化的作用

Pinia是一个轻量级的Vue状态管理库，用于替代Vuex4。它提供了一个更加直观和简洁的方式来管理Vue应用的状态。

一杯梅子酱·2024-09-07 17:52

前端面试遇到的问题记录（实习）

一、vue2和vue3的区别Vue2和Vue3之间存在一些重要的区别，这些差异主要体现在架构、API、性能优化和开发体验等方面。

为什么没有实习·2024-09-07 17:19

小程序端pinia持久化

createPinia()//使用持久化存储插件pinia.use(persist)//默认导出，给main.ts使用exportdefaultpiniamain.tsimport{createSSRApp}from'vue'importpiniafrom

为什么没有实习·2024-09-07 17:16

vue-seamless-scroll 点击click失效

安装vue-seamless-scrollnpminstallvue-seamless-scroll--save引入1.main.js中全局引入importscrollfrom'vue-seamless-scroll'Vue.use

int_Q7·2024-09-07 16:11

vue-seamless-scroll 点击事件不生效

问题：在使用此插件时发现，列表内容前几行还是能正常点击的，但是从第二次出现的列表开始就没有点击事件了原因：因为html元素是复制出来的（滚动组件是将后面的复制出来一份，进行填铺页面，方便滚动）解决：往滚动组件的父节点上添加绑定事件（js冒泡机制），通过e.target定位到具体点击位置，然后判断点击位置是否是你滚动组件的一列/行具体实现0":data="companyList":class-opt

毛三仙·2024-09-07 16:40

vscode中关闭Vue Eslint语法检查

vscode中关闭VueEslint语法检查文件->首选项->设置，出现下面的界面并操作：转载地址http://events.jianshu.io/p/9efa434cb82a

TwoSs110·2024-09-07 16:38

vue使用海康视频web插件如何实现自适应

如果要实现自适应的话，就需要在不同的分辨率内设置不同的宽度和高度，可以监听当前屏幕的宽度和高度(可视区域的宽高)，划分不同的显示阶段通过设置父级元素的宽度和高度实现子级视频的自适应index.vueimportVideoplayerfrom

.ლ.·2024-09-07 16:37

使用百度地图绘制热力图（BMapGL）

.ლ.·2024-09-07 16:07

avue-crud属性说明

html代码：自定义按钮自定义菜单按钮js代码：data(){return{data:[],option:{title:'表格的标题',align:'center',//表格列齐方式menuAlign:'center',//菜单栏对齐方式columnBtn:false,//列动态显隐按钮refreshBtn:false,//刷新按钮saveBtn:false,//保存按钮;updateBtn:fa

.ლ.·2024-09-07 16:37

vue-seamless-scroll(二)点击事件

继上一篇文章vue-seamless-scroll(一)使用在表格数据滚动的时候想要点击某一行获取当前行的数据，但是当数据在第二轮数据滚动的时候点击没有反应，获取不到数据，该怎么解决？

.ლ.·2024-09-07 15:05

接口性能优化的11个小技巧

这里加锁的目的是为了防止并发的情况下，创建了相同的目录，第二次会创建失败，影响业务功能。但这种直接在方法上加锁，锁的粒度有点粗。因为doSave方法中的上传文件和发消息方法，是不需要加锁的。只有创建目录方法，才需要加锁。我们都知道文件上传操作是非常耗时的，如果将整个方法加锁，那么需要等到整个方法执行完之后才能释放锁。显然，这会导致该方法的性能很差，变得得不偿失。这时，我们可以改成在代码块上加锁了，

2401_83916241·2024-09-07 14:54

二手物品交易系统（11279）

加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue

codercode2022·2024-09-07 13:17

JavaEE(3)

业务分析市场提出需求设计编码测试运维项目搭建步骤1.搭建后端项目2.登录向后端发送请求使用axios发送异步请求在vue项目中安装axios在终端输入npminstallaxios安装更换npm镜像源，

无柳丶先生·2024-09-07 12:14

Vue响应式进阶常用API学习

shallowRef是浅层引用,只会跟踪原始对象的引用,不会跟踪原始对象的属性 {{data.name}} {{data.address.city}} import{shallowRef}from'vue'constdata

Alan-Xia·2024-09-07 11:41

开源项目低代码表单FormCreate中教你如何扩展业务组件

开源项目低代码表单FormCreate支持在表单中生成并使用任何Vue组件。无论是简单的UI组件，还是复杂的自定义逻辑，都可以通过以下方式轻松集成到表单中。

小圆效率手册·2024-09-07 11:41

开源|低代码表单FormCreate通过循环创建多个表单?

源码地址:Github|Gitee获取表单数据添加表单重置表单提交表单import{ref}from'vue';import{ElButton,ElDivider}from'element-plus';

低代码研究员·2024-09-07 11:40

【vue、UI】使用 Vue2 和 Element UI 封装 CSV 文件上传组件,实现csv回显

文章目录前言组件功能概述实现效果组件模板结构组件的核心逻辑1.数据属性定义2.方法拆解3.CSV文件解析方法4.错误处理方法组件样式完整组件代码总结待优化的地方前言在Vue2项目中，我们经常需要封装一些可重用的组件来提升开发效率

fruge365·2024-09-07 11:38

【vue、react】前端如何为package.json添加注释

文章目录前言安装使用方法问题前言写了个项目，想给package.json加注释结果发现加不上去，就在网上查找了相关文章，特意总结记录一下，防止下次使用。参考文章：如何为package.json添加注释众所周知，JSON文件是不支持注释的，除了JSON5/JSONC之外，我们在开发项目特别是前端项目时，大量会用到JSON文件，特别是在编写package.json中的scripts时，由于缺少注释,当

fruge365·2024-09-07 11:38

手写 Vue Router 中的 Hash 模式和 History 模式

VueRouter是Vue.js的官方路由库，负责管理Vue应用中的页面导航。它与Vue.js核心深度集成，让用Vue.js构建单页应用变得轻而易举。

It Works·2024-09-07 11:37

vue3和vue2的双向绑定原理

Vue的双向绑定是其核心特性之一，允许数据和视图之间保持同步。在Vue2和Vue3中，双向绑定的实现原理有所不同。

m0_73882020·2024-09-07 10:57

在 Spring MVC 中部署路由为history模式的vue项目

为了处理Vue.js的History模式，需要在SpringMVC中配置一个控制器来转发所有的非API请求到index.html。这样，前端路由可以接管URL并正确显示Vue.js组件。

Faith-J·2024-09-07 10:27

electron-vite-vue开发桌面应用之应用更新版本提示（十三）

云风网云风笔记云风知识库当项目应用包更新后应该主动提示用户更新，这是采用electron-updater进行更新提示一、安装依赖npmielectron-updater二、配置安装包更新地址electron-builder.json5添加配置//配置安装包更新地址publish:[{provider:"generic",url:"http://www.niech.cn/everyDayNote",

niech_cn·2024-09-07 09:52

个人建站前端篇（五）插件unplugin-vue-components的使用

unplugin-vue-components是由Vue官方人员开发的一款自动引入插件，可以省去比如UI库的大量import语句。

niech_cn·2024-09-07 09:22

vue3+vite+electron开发桌面端应用流程

一、创建项目初始化项目:npminitvite@latest'projectname:输入项目名称，selectaframework:选择框架vueselectavariant：选择使用js或者ts安装默认依赖包

沪cares·2024-09-07 09:21

电子应用速成指南：Electron-Vite-Vue 实战手册

电子应用速成指南：Electron-Vite-Vue实战手册electron-vite-vueReallysimpleElectron+Vite+Vueboilerplate.项目地址:https://

褚柯深Archer·2024-09-07 08:50

vue3中provide和inject使用。

在Vue3中，provide和injectAPI是一种非常强大的功能，用于在组件层级之间传递数据，特别是在处理深层嵌套组件时非常有用。

gxw_viva·2024-09-07 08:43

Vue 3 中 provide 和 inject 高级用法与最佳实践

《Vue3中provide和inject高级用法与最佳实践》一、基本概念二、高级用法（一）提供函数（二）响应式数据（三）多值提供三、最佳实践（一）封装通用服务（二）避免过度依赖（三）命名规范（四）结合Vuex

暖阳浅笑-嘿·2024-09-07 07:12

Vue 子组件向父组件传值

1、使用自定义事件($emit)这是Vue中最常用的子组件向父组件传递数据的方式。子组件通过触发一个自定义事件，并附加数据作为参数，父组件则监听这个事件并处理传递过来的数据。

u010373106·2024-09-07 07:10

推荐频道

vue小技巧