<template> <el-input v-model="msg" id="inputbox" type="text" style="width: 500px" /> <el-button @click="handleGetFocus">获取焦点</el-button></template><scri
原创
2022-11-11 23:19:32
4040阅读
效果预览模拟数据数据来源有很多，可以是自己写死的，也可以是后端调用得到的，也可以从别的组件中拿到这里采用从路由中拿定义数据源src/router/module.js/const Login = () => import('../views/Login/Login.vue');const Layout = () => import('../layout/layout.vue');cons
转载
2022-11-19 14:12:53
1274阅读
转载
2024-06-18 09:54:43
7阅读
目标为编程初学者打造入门学习项目，使用各种主流编程语言来实现。让想学编程的，一个都不落下。上述基本涵盖了当前编程开发所有主流语言。 左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app、微信小程序。 右侧为服务器端版本：Java、Python、Go、Php、NodeJSVue3+element-plus版效果图在线体验地址http://124.222.246.227:80
原创
2022-12-24 04:42:58
127阅读
目标为编程初学者打造入门学习项目，使用各种主流编程语言来实现。让想学编程的，一个都不落下。!(https://s2.51cto.com/images/blog/202212/23221610_63a5b82a5549827210.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se
原创
2022-12-23 22:23:14
152阅读
本文记录了Vue3+Element Plus开发的企业内部管理系统首屏加载优化实践。该系统因组件全量引入、图片未优化、接口调用无序，首屏加载达6秒，用户投诉频发。作者团队用Chrome DevTools定位瓶颈后，以“分阶段、抓核心”策略优化：代码层面拆分资源、按需引入组件；静态资源转WebP并适配分辨率；调整接口调用顺序，延迟非核心请求，还添加骨架屏优化体验。优化后首屏加载稳定在1.8-2.2秒，系统使用率提升12%。作者强调优化需贴合用户体验，建立监控体系，避免盲目追求技术指标。
然后打开命令行窗口切换到blog_client/blog_vue/blog_vue_element-plus目录。点击页
原创
2022-12-31 09:57:07
118阅读
https://gitee.com/zxyuns/manager-fe-vue3
原创
2022-05-05 14:50:08
1398阅读
Vue3脚手架指南在DOS命令行窗口下操作使用Vue3，必须安装node.js，执行如下命令，检查node环境： >node -v
v16.14.0 1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装脚手架Vue的脚手架名称由vue-cli改成了@vue/cli，如果以及全局安装了旧版本的v
转载
2024-09-26 07:31:36
160阅读
一个vue.js的项目，另一个人想要买过去，但是需要换一下风格。一、需求换的东西不多，主要包括： 1、主色调：原来是紫色，需要换成浅蓝色 2、logo、一些背景色 3、一些操作按钮的颜色 4、一些menu和小图片二、分析1、后台逻辑和javascript逻辑上均没有改动，都是html、css层面的东西 2、此项目后续还要开发新功能所以，方案是基于一套代码做切换。三、开工1、首先在App.vue中加
转载
2024-10-23 11:48:23
168阅读
vue3 接入 Element Plusvue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element-ui 组件库，在 vue3 发布之后，element-ui 也推出了针对于 vue3 版本的组件库 E
原创
2024-01-16 17:04:07
518阅读
一、环境搭建1、安装node （node -v查询版本号）node 安装 ---- 官网下载安装 2、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装 webpack，以全局的方式安装npm install webpack -g (
Vue3+Element-Plus+Canvas实现简易画板
原创
2023-06-26 18:41:56
589阅读
作者：Matt Maribojoc 译者：前端小智 后面的模板是我们做后台管理系统经常所需要的东西。 虽然，我们总可以花很多时间从头开始设计自己的模板，但有现在的模板让我们套，节省我们更多时间用来摸鱼，何乐而不为呢。这些现有出色模板，除了节省时间外，还附带这些好处：内置常用案例的组件跨不同视图的一致样式内置响应式设计技术支持和文档1. Vue Black Dashboard Pro线上地址：htt
首先在toast文件夹去创建一个index.js文件，在js文件中创建一个对象，将他导出// index.js
const toast = {}
export default toast在main.js中导入这个文件，并且use它// main.js
import toast from 'toast/index.js'
Vue.use(toast)我们知道use，就是调用该对象的install方法
Vue3 是 Vue.js 框架的最新版本，它带来了许多性能改进和功能增强。Element-Plus 是一个基于 Vue3 的组件库，它提供了许多常用的组件和指令，可以帮助我们快速构建 Vue3 项目。安装 Element-Plus要使用 Element-Plus，首先需要安装它。你可以通过以下命令来安装 Element-Plus：npm install element-plus --save或者
原创
2023-08-24 13:09:31
592阅读
迄今为止做的最大的 Vue 项目终于提交测试，天天加班的日子终于告一段落。。。在开发过程中，结合 Vue 组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得 一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去。父对子
移动端组件，预期效果如图#############################################思路： 日历分两部分，上半部功能区和下半部展示区。功能区展示年月，可以左右切换年月。下半部展示日历，点击即为选中。默认日期有底色，选中日期为另一底色，默认为6行7列第一种，计算每个月第一天和最后一天第二种：时间戳知识点：// 获取某月最后一天
var date= new Date(ye
Element Plus 是为了适配 Vue 3 对 Element UI 进行的重构。Vue 3.0 的这次大版本升级，对于第三方组件库来说是一件好事，那些已经修修补补无数次，还无法彻底解决的问题，在这次面向 Vue 3.0 重构时，一次性全部解决。
原创
2022-04-07 12:33:54
2815阅读
Vue3 是 Vue.js 框架的最新版本，它带来了许多性能改进和功能增强。Element-Plus 是一个基于 Vue3 的组件库，它提供了许多常用的组件和指令，可以帮助我们快速构建 Vue3 项目。安装 Element-Plus要使用 Element-Plus，首先需要安装它。你可以通过以下命令来安装 Element-Plus：npm install element-plus --save或者
原创
2023-08-24 13:09:31
486阅读
