- 记一下element-ui消息提示框及确认弹框的封装 utils下新建封装文件页面vue文件中引用示例效果 # utils下新建封装文件 src/utils/confirm.js import { MessageBox, Message } from "element-ui"; /** * @author 封装 element-ui 弹框 *... 记一下element-ui消息提示框及确认弹框的封装 utils下新建封装文件页面vue文件中引用示例效果 # utils下新建封装文件 src/utils/confirm.js import { MessageBox, Message } from "element-ui"; /** * @author 封装 element-ui 弹框 *...
- 记下vuepress静态网站生成器集成element-UI框架 # 安装element 进入vuepress根目录，执行命令 npm install element-ui # 修改 enhanceApp.js 接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件 vuepress的目录结构如下： ... 记下vuepress静态网站生成器集成element-UI框架 # 安装element 进入vuepress根目录，执行命令 npm install element-ui # 修改 enhanceApp.js 接下来需要修改用于客户端应用增强的docs/.vuepress/enhanceApp.js文件 vuepress的目录结构如下： ...
- 遇到需要切换页面显示,重新请求接口但是前端路由不变时的一种处理方法 项目基于element-UI开发。页面左侧菜单控制右半部分内容显示，但是设计稿上有几个差异较大的页面需要共用一个路由，高亮显示菜单。 网上搜索一番后决定采取query传参的方式来在同一个路由上切换显示不同页面。 处理方法可能遇到的问题参考资料 # 处理方法 页面内监听路由变化 ... 遇到需要切换页面显示,重新请求接口但是前端路由不变时的一种处理方法 项目基于element-UI开发。页面左侧菜单控制右半部分内容显示，但是设计稿上有几个差异较大的页面需要共用一个路由，高亮显示菜单。 网上搜索一番后决定采取query传参的方式来在同一个路由上切换显示不同页面。 处理方法可能遇到的问题参考资料 # 处理方法 页面内监听路由变化 ...
- Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. 设置样式隐藏表格上面总的选框 thead .el-table-column--selection .cell{ display: none; } 123 table加上... Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. 设置样式隐藏表格上面总的选框 thead .el-table-column--selection .cell{ display: none; } 123 table加上...
- Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. el-table加上@select="handleSelection" <el-table ref="Table" :data="apprItemData" :... Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库，提供了配套设计资源，帮助网站快速成型. el-table加上@select="handleSelection" <el-table ref="Table" :data="apprItemData" :...
- 业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求 目录 自动点击所有的按钮。 自动点击第一个按钮， 自动点击所有的按钮。 <ul class="areaList"> <li :class="{'active': index 业务场景：点击弹窗默认加载第一个按钮的数据。vue自定义指令directives实现这个需求 目录 自动点击所有的按钮。 自动点击第一个按钮， 自动点击所有的按钮。 <ul class="areaList"> <li :class="{'active': index
- vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b... vue实现分类查询 效果一 效果二 效果一的实现 这里使用了element ui 页面代码 <el-button style="float: right;margin-right: 20px;" :type="showType[0]" @click="changeShow(0)" round>类型0</el-button> <el-b...
- 当我们有一个Vue项目，我们想更改项目网页的title时，更改下面这个位置的内容。 解决办法： 打开Vue项目 找到package.json文件 把第一行的name更改成你想要的内容即可。 看完如果对你有帮助，感谢点赞支持！ 如果你是电脑端，看到右下角的 “一键三连” 了吗，没错点它[哈哈] 加油！ 共同努力！ Keafmd 当我们有一个Vue项目，我们想更改项目网页的title时，更改下面这个位置的内容。 解决办法： 打开Vue项目 找到package.json文件 把第一行的name更改成你想要的内容即可。 看完如果对你有帮助，感谢点赞支持！ 如果你是电脑端，看到右下角的 “一键三连” 了吗，没错点它[哈哈] 加油！ 共同努力！ Keafmd
- 我们的视频教程(免费)链接为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...
- 效果 > 欢迎访问博客代码哈士奇 技术 聊天 交流群 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实例，这个其实在前...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路，一次讲透！
回顾中
热门标签