- vue使用v-on指令监听DOM事件，之前我们有用过v-on指令实现增加数字的需求，我们把那个例子改改拿出来： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue事件处理</title> <script src="https://cdn.jsdelivr.net/npm/vu... vue使用v-on指令监听DOM事件，之前我们有用过v-on指令实现增加数字的需求，我们把那个例子改改拿出来： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue事件处理</title> <script src="https://cdn.jsdelivr.net/npm/vu...
- 列表渲染 根据我例子的需要，先来说下，列表渲染使用到的是v-for指令，需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名，具体使用方法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue列表渲染<... 列表渲染 根据我例子的需要，先来说下，列表渲染使用到的是v-for指令，需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名，具体使用方法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue列表渲染<...
- 什么是组件：组件是可复用的vue实例，它的特点是独立、可复用且整体化。 为什么要组件化：为了实现功能模块的复用，高执行率，便于开发单页面复杂应用。 组件化带来的问题：组件状态管理（vuex）； 多组件的混合使用，多页面，复杂逻辑（vue-router）； 组件间的传参、消息、事件处理（props，emit/on，bus）。 下面，我们来看看怎么创建组件以及... 什么是组件：组件是可复用的vue实例，它的特点是独立、可复用且整体化。 为什么要组件化：为了实现功能模块的复用，高执行率，便于开发单页面复杂应用。 组件化带来的问题：组件状态管理（vuex）； 多组件的混合使用，多页面，复杂逻辑（vue-router）； 组件间的传参、消息、事件处理（props，emit/on，bus）。 下面，我们来看看怎么创建组件以及...
- 我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/ 特别注意：H5端可以使用element ui 小程序/app端建议使用 uView ui 注意这里是H5端使用vue-router及elementui H5端使用vue-router 安装 uni-si... 我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/ 特别注意：H5端可以使用element ui 小程序/app端建议使用 uView ui 注意这里是H5端使用vue-router及elementui H5端使用vue-router 安装 uni-si...
- 做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及带大家实现一个滑动验证码。 我之前做过 Web 相关开发，尝试对接过 Lavavel 的极验验证，当时还开发了一个 Lavavel 包：https://github.com/Germey/LaravelGee... 做网络爬虫的同学肯定见过各种各样的验证码，比较高级的有滑动、点选等样式，看起来好像挺复杂的，但实际上它们的核心原理还是还是很清晰的，本文章大致说明下这些验证码的原理以及带大家实现一个滑动验证码。 我之前做过 Web 相关开发，尝试对接过 Lavavel 的极验验证，当时还开发了一个 Lavavel 包：https://github.com/Germey/LaravelGee...
- Vue.js页面渲染出现{{message}}问题处理方法 业务场景：最近在做JSP项目，然后又引入vue.js做前端，然后启动页面时候出现{{message}}占位符显示出来，然后再加载页面，有点闪屏问题，体验不是很好，这种情况有可能是网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染 方法①：出现这种，可以检查一下样式文件是否放在文件最前面，js... Vue.js页面渲染出现{{message}}问题处理方法 业务场景：最近在做JSP项目，然后又引入vue.js做前端，然后启动页面时候出现{{message}}占位符显示出来，然后再加载页面，有点闪屏问题，体验不是很好，这种情况有可能是网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染 方法①：出现这种，可以检查一下样式文件是否放在文件最前面，js...
- Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. 后台java代码，加上\n换行符 StringBuffer stb= new StringBuffer(); stb.append("测试消息").append("\n"); Tes... Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. 后台java代码，加上\n换行符 StringBuffer stb= new StringBuffer(); stb.append("测试消息").append("\n"); Tes...
- 场景描述 在Vue项目优化过程中，页面部分应用JS调用promise返回的异步数据，导致页面部分始终无法加载后台返回的数据值。通过触发其他DOM操作（例如折叠栏位的操作），后台数据可以正常渲染展示。处理逻辑大致如下： <template> <div v-for="(items, index) in results" :key="items.ite... 场景描述 在Vue项目优化过程中，页面部分应用JS调用promise返回的异步数据，导致页面部分始终无法加载后台返回的数据值。通过触发其他DOM操作（例如折叠栏位的操作），后台数据可以正常渲染展示。处理逻辑大致如下： <template> <div v-for="(items, index) in results" :key="items.ite...
- 在vue项目开发过程中，使用axios请求后台时，后台无法获取前端传参数据。 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 1、安装 npm install qs 1 2、在组件中应用 import qs from 'qs' 1 或定义为全局组件： //在main.js引入qs import qs from 'qs' //配全局属... 在vue项目开发过程中，使用axios请求后台时，后台无法获取前端传参数据。 qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。 1、安装 npm install qs 1 2、在组件中应用 import qs from 'qs' 1 或定义为全局组件： //在main.js引入qs import qs from 'qs' //配全局属...
- div <vue-seamless-scroll :data="tableDataLeft0" class="seamless-warp" :class-option="classOption" > <ul class="list"> <li v-for="(item, index) in tableDataLeft0" :key="inde... div <vue-seamless-scroll :data="tableDataLeft0" class="seamless-warp" :class-option="classOption" > <ul class="list"> <li v-for="(item, index) in tableDataLeft0" :key="inde...
- 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/13072519.html 文章目录 1、main入口函数支持2、界面处理实现 我们开发的系统，一般可以不用考虑语言国际化的问题，大多数系统一般是给本国人使用的，而且直接使用中文开发界面会更加迅速 一些，不过框架最好能够支持国际... 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/13072519.html 文章目录 1、main入口函数支持2、界面处理实现 我们开发的系统，一般可以不用考虑语言国际化的问题，大多数系统一般是给本国人使用的，而且直接使用中文开发界面会更加迅速 一些，不过框架最好能够支持国际...
- VUE项目启动后，登录，发现报错： Proxy error: Could not proxy request /user/login from localhost:8089 to http://***。**。**:8081/. See https://nodejs.org/api/errors.html#errors_common_system_errors fo... VUE项目启动后，登录，发现报错： Proxy error: Could not proxy request /user/login from localhost:8089 to http://***。**。**:8081/. See https://nodejs.org/api/errors.html#errors_common_system_errors fo...
- 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/12986166.html 文章目录 1、后端数据的获取处理2、界面展示处理 在前面随笔《循序渐进VUE+Element 前端应用开发(3）— 动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中，实现了动态... 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/12986166.html 文章目录 1、后端数据的获取处理2、界面展示处理 在前面随笔《循序渐进VUE+Element 前端应用开发(3）— 动态菜单和路由的关联处理》中介绍了在Vue + Element整合框架中，实现了动态...
- 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/13917742.html 文章目录 1、普通文本输入框2、日期输入范围选择3、标签显示和录入4、下拉列表和字典列表Select组件5、复选框和单选框5、Switch开关6、消息提示及弹框 在我们使用Vue+Element开发前端的... 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/13917742.html 文章目录 1、普通文本输入框2、日期输入范围选择3、标签显示和录入4、下拉列表和字典列表Select组件5、复选框和单选框5、Switch开关6、消息提示及弹框 在我们使用Vue+Element开发前端的...
- 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/12971415.html 文章目录 1、菜单和路由的处理过程2、菜单和路由列表3、登录的过程处理 在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单... 转载 原文作者：伍华聪 原文地址：https://www.cnblogs.com/wuhuacong/p/12971415.html 文章目录 1、菜单和路由的处理过程2、菜单和路由列表3、登录的过程处理 在我开发的很多系统里面，包括Winform混合框架、Bootstrap开发框架等系列产品中，我都倾向于动态配置菜单，并管理对应角色的菜单...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签