- 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=... 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 974178910 前端交流群 535620886 代码 不显示图片/播放视频音频代码如下如果想要显示图片/播放视频/播放音频 若使用 请自行优化代码和样式 不显示图片/播放视频音频代码如下 <template> <div> <div v-on:dragover=...
- 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-... 效果如下 数据来源为uniCloud云数据库 照片来源为网络 代码来源为我的毕业设计 鼠标未放到软件上面之前 放到软件上面后 软件所在卡片 高亮显示 如果背景颜色是灰色 效果更加明显 使用element ui的 卡片 走马灯 弹出框 文字链接 分割线 elementui文档地址 https://element.eleme.cn/#/zh-...
- 业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求 目录 自动点击所有的按钮。 自动点击第一个按钮， 自动点击所有的按钮。 <ul class="areaList"> <li :class="{'active': index 业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求 目录 自动点击所有的按钮。 自动点击第一个按钮， 自动点击所有的按钮。 <ul class="areaList"> <li :class="{'active': index
- vue安装： 1、官网下载vue，在script标签里引用（去下载） 2、使用CDN（建议下载到本地，不推荐这种方法）： BootCDN：https://cdn.bootcss.com/vue/2.2.2/vue.min.js unpkg：https://unpkg.com/vue/dist/vue.js cdnjs：https://cdnjs.cloudflar... vue安装： 1、官网下载vue，在script标签里引用（去下载） 2、使用CDN（建议下载到本地，不推荐这种方法）： BootCDN：https://cdn.bootcss.com/vue/2.2.2/vue.min.js unpkg：https://unpkg.com/vue/dist/vue.js cdnjs：https://cdnjs.cloudflar...
- 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' //配全局属...
上滑加载中
推荐直播
-
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步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签