- 1.最重要的区别 vuex储存在内存； localStorage则以文件的方式储存在本地，localStorage只能存储字符串类型的数据，存储对象需要JSON的stringify和parse方法进行处理，读取内存比读取硬盘速度要快。2.应用场景 Vuex是一个专为Vue.js应用程序开发的状态管理模式，它采用集中式储存管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测... 1.最重要的区别 vuex储存在内存； localStorage则以文件的方式储存在本地，localStorage只能存储字符串类型的数据，存储对象需要JSON的stringify和parse方法进行处理，读取内存比读取硬盘速度要快。2.应用场景 Vuex是一个专为Vue.js应用程序开发的状态管理模式，它采用集中式储存管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测...
- 前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对el-i... 前言利用elementUI实现表单元素校验时，出现下拉框内容选中后校验不消失的异常校验情形。通过去除校验规则中相应元素的trigger:'blur'属性，可解决以上问题。至于表单校验时，校验元素trigger属性值的选择，需要继续深究。若不设置trigger属性，该属性是否有默认值？ 表单验证时，trigger:‘blur’ OR trigger:‘change’ OR 不设置？对el-i...
- 场景描述在Vue项目优化过程中，页面部分应用JS调用promise返回的异步数据，导致页面部分始终无法加载后台返回的数据值。通过触发其他DOM操作（例如折叠栏位的操作），后台数据可以正常渲染展示。处理逻辑大致如下：<template> <div v-for="(items, index) in results" :key="items.itemsID"> <span v-for="(it... 场景描述在Vue项目优化过程中，页面部分应用JS调用promise返回的异步数据，导致页面部分始终无法加载后台返回的数据值。通过触发其他DOM操作（例如折叠栏位的操作），后台数据可以正常渲染展示。处理逻辑大致如下：<template> <div v-for="(items, index) in results" :key="items.itemsID"> <span v-for="(it...
- 前言项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括size、width、height及left、top等属性）。 思路监听器方式实现；Vuex state实现; 代码实现.js// 鼠标按下事件el.on... 前言项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括size、width、height及left、top等属性）。 思路监听器方式实现；Vuex state实现; 代码实现.js// 鼠标按下事件el.on...
- 前言在项目优化过程中，实现了主体色替换功能，接下来考虑实现系统字体设置，主要提供3种字体大小供用户选择。 实现思路<el-dropdown-menu style="color: #20a0ff" slot="dropdown"> <!--切换主题色--> <el-dropdown-item divided style="display: flex; justify-conten... 前言在项目优化过程中，实现了主体色替换功能，接下来考虑实现系统字体设置，主要提供3种字体大小供用户选择。 实现思路<el-dropdown-menu style="color: #20a0ff" slot="dropdown"> <!--切换主题色--> <el-dropdown-item divided style="display: flex; justify-conten...
- 前言在Vue项目开发过程中，以父子组件的形式进行页面调用，在测试过程中发现IE9下，子组件中定义初始化数据dataA=0，执行异步逻辑A，在异步请求方法前，输出dataA结果为0，请求结束后时，后台返回值将dataA赋值为1，输出dataA结果为1。再次触发子组件同样事件，但后台请求结果不满足赋值条件，对dataA不做赋值操作，发现在异步请求方法前后，输出dataA结果为1！伪码如下：da... 前言在Vue项目开发过程中，以父子组件的形式进行页面调用，在测试过程中发现IE9下，子组件中定义初始化数据dataA=0，执行异步逻辑A，在异步请求方法前，输出dataA结果为0，请求结束后时，后台返回值将dataA赋值为1，输出dataA结果为1。再次触发子组件同样事件，但后台请求结果不满足赋值条件，对dataA不做赋值操作，发现在异步请求方法前后，输出dataA结果为1！伪码如下：da...
- 前言在项目开发过程中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他组件数据能正常显示，多选却无法正常回显。表单代码如需：<el-select v-model="textForm.receDeptIds" multiple filterable allow-create d... 前言在项目开发过程中遇到这样一个问题，新建表单时用element的select多选以后，在编辑的时候打开表单发现其他组件数据能正常显示，多选却无法正常回显。表单代码如需：<el-select v-model="textForm.receDeptIds" multiple filterable allow-create d...
- 在项目开发过程中，需要根据鼠标事件进行相应处理。现予以梳理。鼠标事件如下所示：点击事件：@click //单击@dblclick/ /双击@mousedown //按下@mouseup //抬起@contextmenu // 鼠标右键悬浮事件及触发顺序：@mouseover //划过@mouseenter //进入@mousemove //移动@mouseleave //离开@mouseou... 在项目开发过程中，需要根据鼠标事件进行相应处理。现予以梳理。鼠标事件如下所示：点击事件：@click //单击@dblclick/ /双击@mousedown //按下@mouseup //抬起@contextmenu // 鼠标右键悬浮事件及触发顺序：@mouseover //划过@mouseenter //进入@mousemove //移动@mouseleave //离开@mouseou...
- 本文主要讲解基于`element-ui` `datetimepicker`实现日期时间，在表单校验中的校验逻辑及实现方法。**注：在表单检验时间组件时，应在检验中增加`type: 'date'`，否则会提示检验对象错误问题。****vue部分**<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :s... 本文主要讲解基于`element-ui` `datetimepicker`实现日期时间，在表单校验中的校验逻辑及实现方法。**注：在表单检验时间组件时，应在检验中增加`type: 'date'`，否则会提示检验对象错误问题。****vue部分**<!--开始/结束日期,时间--><template> <el-row style="margin-top: 13px;"> <el-col :s...
- https://www.cnblogs.com/xxySsm/p/12624643.html有两种解决方法：引起这个错误的原因，其实官方已经给出了https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%901.一般遇到这... https://www.cnblogs.com/xxySsm/p/12624643.html有两种解决方法：引起这个错误的原因，其实官方已经给出了https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%901.一般遇到这...
- Vue的路由什么是路由？在我们生活中的路由，一句话概括就是：数据从一个网络到另一个网络就是靠路由器来完成的，而在程序开发中的路由不是指路由器和网络协议中的路由，但是基本思想是一样的。而路由又分为前端路由和后端路由，就不细说了。Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上... Vue的路由什么是路由？在我们生活中的路由，一句话概括就是：数据从一个网络到另一个网络就是靠路由器来完成的，而在程序开发中的路由不是指路由器和网络协议中的路由，但是基本思想是一样的。而路由又分为前端路由和后端路由，就不细说了。Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上...
- 本章节主要简要介绍Vue项目结构，Vue项目启动过程及原理，常用配置文件，常见问题及解决方法等内容。1.1 Vue项目结构应用脚手架vue-cli创建Vue项目，生成的目录结构如下：build目录中主要包含如下文件： -build.js 生产环境构建脚本 -utils.js 构建相关工具方法 -webpack.bas... 本章节主要简要介绍Vue项目结构，Vue项目启动过程及原理，常用配置文件，常见问题及解决方法等内容。1.1 Vue项目结构应用脚手架vue-cli创建Vue项目，生成的目录结构如下：build目录中主要包含如下文件： -build.js 生产环境构建脚本 -utils.js 构建相关工具方法 -webpack.bas...
- 需求推动求知，经过一段时间的Vue学习，项目实战，需不定期梳理Vue相关技能。应广大朋友邀请，特推出“我的Vuejs进阶之旅”系列博文，讲述小白如何从Vuejs一步步成长起来，通篇既有入门所需的基础知识，又有进阶所需的技能提升点及实战过程中遇到的问题及解决措施。希望你通过阅读本系列博文，可以了解Vuejs，并在需要时能够随时使用。后期将推出视频版，并著书出版，敬请期待！全篇一共11章节，由浅... 需求推动求知，经过一段时间的Vue学习，项目实战，需不定期梳理Vue相关技能。应广大朋友邀请，特推出“我的Vuejs进阶之旅”系列博文，讲述小白如何从Vuejs一步步成长起来，通篇既有入门所需的基础知识，又有进阶所需的技能提升点及实战过程中遇到的问题及解决措施。希望你通过阅读本系列博文，可以了解Vuejs，并在需要时能够随时使用。后期将推出视频版，并著书出版，敬请期待！全篇一共11章节，由浅...
- 使用过Vuetify与ElementUI之后，浅谈两者在开发中的优点与缺点。 使用过Vuetify与ElementUI之后，浅谈两者在开发中的优点与缺点。
- 前后端分离demo的部署开发，需要解决的问题总结，以及全配置分享。 前后端分离demo的部署开发，需要解决的问题总结，以及全配置分享。
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签