- 博客(24)
- 收藏
- 关注
RSS订阅原创 1. vue-sy-admin: 基于vue3+TypeScript的全局过滤器(filters) 封装及示例
在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。如果项目中使用了插件完全可以将filters导出函数使其在全局自动引入/声明。当然在这里就不说插件的使用了。下面就详细说说如何实现题外话: 强烈推荐使用，该库由vue核心成员开发，封装了各种常用hooks，能够省很多不必要的开发时间，且其中的封装hooks思想也很值得学习参考。
2023-10-13 15:20:08
1126
原创 2. vue-sy-admin: 基于vue3+TypeScript的自定义指令(directives)的封装及示例
在vue3中使用全局filters已经不是必须，有很多种替代方案(直接定义函数即可)。如果项目中使用了插件完全可以将filters导出函数使其在全局自动引入/声明。当然在这里就不说插件的使用了。下面就详细说说如何实现题外话: 强烈推荐使用，该库由vue核心成员开发，封装了各种常用hooks，能够省很多不必要的开发时间，且其中的封装hooks思想也很值得学习参考。
2023-10-13 15:17:40
1792
4
原创 vue3+element-plus实现图标选择器
如上所示，该组件有两种模式，分别为输入框模式(input)及按钮模式(button)，可根据不同的需求传入相应的模式参数。代码中类名的书写像 relative、mr-10px等等结尾css原子化写法，代码中其依赖包为 unocss。，更希望能共同开发为这个项目添加各种功能，有意者可留言联系。
2023-09-27 12:27:01
1499
原创 国际化(vue-i18n)，翻译词条繁琐问题
在使用国际化过程中，维护多语言时总会出现一些很繁琐的操作，特别是每个语言一个文件，要保持key统一(当然这个可以通过ts类型来解决), 还要将相对应词条的翻译一个个的复制粘贴，词条少些还好，一旦多起来就相当繁琐了。基于此，写了个npm包来简化这部分操作，我们只需要将需要翻译的词条放到excel表中，将其拿给翻译人员一一对照翻译即可。
2023-09-07 09:01:20
308
原创 vue-i18n+ts在页面中的使用优化
事情的起因是最近在写国际化(vue-i18n)在页面中使用$t渲染文本时没有出现提示，想着都用ts了，没有提示怎么看都不方便，于是就有了此篇文章
2023-09-07 08:42:34
557
1
原创 5.vueuse-useDark实现暗黑主题及浅亮主题及Element-Plus暗黑模式
vueuse-useDark实现主题切换及element-plus的暗黑主题示例
2023-06-19 15:03:23
4748
4
原创 vue3+ant-design-vue+typescript实现导航菜单组件
导航菜单往往是管理后台必不可少的一个功能组件。菜单组件的编写重要的还是逻辑，逻辑清晰无论是什么UI库做起来都不难，大同小异罢了。
2023-06-15 16:14:43
1518
原创 3.vueuse-createFetch实现接口请求及其封装(代替axios)
vueuse-createFetch(useFetch)的使用及接口封装
2023-04-18 11:09:07
3321
原创 element-plus:日期时间选择器根据开始时间设置日期范围
element-plus：日期时间范围选择组件el-date-picker实现动态时间范围选择，即根据开始时间确定结束时间的可选择范围
2023-04-11 10:07:32
2493
原创 基于vite-vue3搭建的前端开发基础模板：集成eslint、prettier、husky、lint-staged
基于vite-vue3搭建的前端开发基础模板：集成ts、vueuse、uncss等前沿技术。集成eslint、prettier、husky、lint-staged编码规范
2023-04-10 12:35:15
408
原创 Electron使用require报错问题: Uncaught ReferenceError: require is not definend
Electron使用require报错问题: Uncaught ReferenceError: require is not definend
2021-03-26 17:22:56
1274
1
原创 ant-design-vue 全局提示(message)及定制主题色(theme-color)的使用
ant-design-vue 全局提示(message)及定制主题色(theme-color)的使用
2020-10-11 14:14:12
14908
10
原创 纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
纯前端实现增-删-改-查(模糊查询)和分页[本地存储当成数据库(vue + element)]
2020-02-11 15:18:01
9231
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人