2025年10月29日

vue2 组件封装 el-date-picker 日期

摘要: 基本使用都满足 包括常用的: 时间格式 :type [date,datetime,daterange ....] 快捷方式 :日期左侧:如 今天,昨天,一个月前日期 日期禁用:禁用日期段 其它相关属性 custom-date-picker 组件内容 <!-- 1、isShortcut <boolea 阅读全文

posted @ 2025-10-29 17:08 Mc525 阅读(7) 评论(0) 推荐(0)

2025年10月28日

vue2 scss sass 基础安装包、安装依赖报错 !!!

摘要: scss 依赖安装 npm i node-sass sass-loader style-loader -D 阅读全文

posted @ 2025-10-28 09:10 Mc525 阅读(2) 评论(0) 推荐(0)

2025年10月27日

vue2 封装组件使用 v-mode【el-radio,el-input】

摘要: v-model 在组件上使用,只能更改一个值。 sycn [singk] 1、在组件上使用 v-model ,父组件 v-model ,子组件接收value , $emit('value',xxxx) 2、sync [singk]. 父组件 :message属性值.sync ='xxxxx' ,,子 阅读全文

posted @ 2025-10-27 17:36 Mc525 阅读(7) 评论(0) 推荐(0)

2025年10月23日

Mac Jenkins 环境部署

摘要: 一、准备工作 用户名:congxueda 密码:123456 1、启动 jenkins brew services start jenkins-lts 2、访问地址: http://localhost:8080/ 3、nginx启动 nginx 4、jenkins 关闭 brew services 阅读全文

posted @ 2025-10-23 17:19 Mc525 阅读(11) 评论(0) 推荐(0)

2025年10月10日

vue2 按钮权限(七)

摘要: 实现思路 权限格式,快速查找当前菜单下按钮权限,而不是跌倒所有权限匹配 { "*:*:*":{ // 系统id "*:*:*":['sys:user:add','sys:user:del'] // 菜单menuid }, ...... } 目录结构 hasPermi.js import store 阅读全文

posted @ 2025-10-10 17:30 Mc525 阅读(8) 评论(0) 推荐(0)

2025年9月30日

vue2 换肤(六)

摘要: 方案一:CSS 变量 + 动态类名(推荐) 利用 CSS 变量的动态特性,通过切换根元素类名来修改变量值,实现换肤。 styles/theme.css 定义好主题颜色 /* 默认主题 */ :root { --primary-color: #42b983; /* Vue 绿 */ --bg-colo 阅读全文

posted @ 2025-09-30 17:47 Mc525 阅读(13) 评论(0) 推荐(0)

2025年9月28日

vue2 项目实例 国际化(五)

摘要: 1. 安装依赖 首先安装适合 Vue2 的 vue-i18n 版本(注意:Vue2 需使用 vue-i18n@8.x,Vue3 则用 vue-i18n@9+) npm install vue-i18n@8 --save # 或 yarn add vue-i18n@8 2. 配置国际化文件 在项目中创 阅读全文

posted @ 2025-09-28 16:25 Mc525 阅读(28) 评论(0) 推荐(0)

2025年9月23日

vue2 项目实例 动态路由菜单(四)

摘要: 动态路由涉及到 router、 store、 beforeEach、 permission权限 1、触发登录事件 Login.vue 监听路由变化,下次登录重定向上次页面 watch: { $route: { handler: function(route) { this.redirect = ro 阅读全文

posted @ 2025-09-23 11:51 Mc525 阅读(8) 评论(0) 推荐(0)

2025年9月19日

vue2 项目实例 Mock数据模拟(三)

摘要: 在 Vue 2 项目中,Mock.js 可以帮你快速模拟后端接口数据,支持两种主要方式: 方式一:前端拦截(不会产生真实网络请求) 方式二:通过 devServer.before(会产生真实请求,网络面板可见) 方式一:前端拦截(简单快速) 1. 安装依赖 npm install mockjs ax 阅读全文

posted @ 2025-09-19 16:47 Mc525 阅读(11) 评论(0) 推荐(0)

vue2 项目实例 Layout布局(二)

摘要: 本布局是按照vue-admin-template 搭建流程即可或其它后台框架搭建,实际根据需求改动 https://panjiachen.github.io/vue-element-admin-site/zh/guide/ 1、使用Scss 安装scss 后续在页面使用 npm i node-sas 阅读全文

posted @ 2025-09-19 15:43 Mc525 阅读(18) 评论(0) 推荐(0)

导航