- 前言利用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的部署开发，需要解决的问题总结，以及全配置分享。
- 使用npm太慢？入门VUE找不到资料？这里实时更新。 使用npm太慢？入门VUE找不到资料？这里实时更新。
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签