lamuleimu-优快云博客

原创 vue2 async await的妙用更改EventBus事件总线和vuex Actions执行顺序

}, deep: true, }, }, methods: { openModal() { this.$confirm(`子组件异步修改全局用户信息更改触发的弹窗`, "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "success", }) .then(() => { this.$message({ type: "success", message: "已确认", });

2025-06-10 08:30:00 730

原创 vue3使用Material Design Icons

在项目里要使用的vue组件里引入如果我们在vite里IconsResolver里面配置了prefix也就是前缀这里就需要加自定义的前缀我这里设置的icon。我们去官网随便拿一个图标点击图标会跳出下面弹窗，我们切换tab到webfont然后把图标字符粘贴出来。如果不需要我们也可以把前缀设置为false,那么使用的时候也就不要加前缀了。我们先引入最开始下载的两个插件配置。然后在配置插件里添加配置。

2025-05-31 09:36:53 320

原创 css绘图练习 span标签实现汉堡图标关闭

不要同时给兄弟父子设置外边距考虑给一个元素添加样式满足布局需求。改变布局方式新增float flex或者使用定位postion。父子级重叠：父级设置overflow:hidden.多个span 动态切换汉堡和图标。一个span实现关闭图标。

2025-05-07 14:09:15 449

原创 uniapp uni-popup type属性警告且不生效问题

发现使用的时候默认引入了第一种组件，支持用户进行自定义，但是没有官方推荐的type和open方法。2.删除.uvue结尾的组件，使用的时候就会引入.vue结尾的组件，按照官方文档正常使用就行。[MP-WEIXIN] 组件uni-popup不支持属性: 'type。3.查看官网用法发现没什么异常于是查看组件源码发现有两种类型组件。[WEB] 组件uni-popup不支持属性: 'type'1.直接去插件市场下载uni-popup导入项目。1.直接更改.uvue组件样式但是不利于复用。

2025-05-04 08:30:00 238

原创 vue3+vite+ts 自动导入AutoImport完整配置

添加进全局的vite类型声明文件即tsconfig.app.json include 添加类型声明文件路径。dts: './auto-imports.d.ts',// 生成 TypeScript 类型声明文件。globalsPropValue: true, // 生成全局属性定义文件下面这个文件。// 生成 eslint 配置文件。// 自动导入 Vue 相关函数。//自动导入vue api。

2025-04-22 08:30:00 464