- vue-router是官方的路由管理工具，用于组建单页面应用很方便快捷。还记得我们在上一篇文章中，使用vue-cli创建的hello-vue的那个项目吗？打开项目，我们先看下目录结构： 看了上面的目录结构，其实路由主要就是配置router.js文件，由于我们用的脚手架创建的文件，router.js文件基础的内容都配置好了，我们只需要修改和添加路由配置项就可以啦，我把... vue-router是官方的路由管理工具，用于组建单页面应用很方便快捷。还记得我们在上一篇文章中，使用vue-cli创建的hello-vue的那个项目吗？打开项目，我们先看下目录结构： 看了上面的目录结构，其实路由主要就是配置router.js文件，由于我们用的脚手架创建的文件，router.js文件基础的内容都配置好了，我们只需要修改和添加路由配置项就可以啦，我把...
- 1、最推荐使用的是vue的chrome插件： 2、平时开发中常用到的调试代码：console.log()、alert()；此外还有console.error()这个我用的比较少，感觉跟console.log()差不多，就是控制台的字是红色的；还有一个debugger，这个写在代码中，使用chrome，运行到这一行，会直接在这里打断点； 3、vm实例，这个其实在前... 1、最推荐使用的是vue的chrome插件： 2、平时开发中常用到的调试代码：console.log()、alert()；此外还有console.error()这个我用的比较少，感觉跟console.log()差不多，就是控制台的字是红色的；还有一个debugger，这个写在代码中，使用chrome，运行到这一行，会直接在这里打断点； 3、vm实例，这个其实在前...
- 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整合框架中，实现了动态...
上滑加载中
推荐直播
-
星闪应用开发技术课程（群）建设思路与设想2025/05/22 周四 19:00-21:00
葛非 华为开发者布道师
华中师范大学计算机学院副教授-葛非老师将深入讲解星闪核心技术及其支撑技术，并讨论如何将这些技术融入到通信工程、计算机科学与技术、软件工程等专业的课程内容中，旨在推动高等教育领域星闪鸿蒙生态的有序发展。
回顾中 -
妙手轻取华为云上自动化部署2025/05/28 周三 16:30-17:30
阿肯-华为云生态技术讲师
还在一直手动进行薛定谔式部署吗？想尝试自动化又怕搞不定？其实你只是不知道这有多简单。本节课掰开一个个细节理清楚。
即将直播 -
华为云软件开发生产线（CodeArts）4月新特性解读2025/05/30 周五 16:30-17:30
Enki 华为云高级产品经理
不知道产品的最新特性？没法和产品团队建立直接的沟通？本期直播产品经理将为您解读华为云软件开发生产线4月发布的新特性，并在直播过程中为您答疑解惑。
去报名
热门标签