随笔分类 -  vue3+typescript

碰到的各种挑战
摘要:展示条项组件: <el-form v-if="currentStep 4" label-position="left" label-width="120px" style="display: flex;flex-wrap: wrap;justify-content: flex-start;margi 阅读全文
posted @ 2025-01-15 13:32 竹雨禅月 阅读(5) 评论(0) 推荐(0) 编辑
摘要:标题: 封装弹框并点击动态按钮组件进行触发功能: 封装按钮信息与按钮数量动态显示组件页面: 按钮信息与按钮数量动态显示,提示信息不固定 封装组件页面: <template> <el-dialog v-model="dialogVisible" class="stepCustom-dialog cus 阅读全文
posted @ 2025-01-15 13:32 竹雨禅月 阅读(10) 评论(0) 推荐(0) 编辑
摘要:图表封装: 图表封装使用:<template> <!--软件模块复用率图表--> <chart-and-table ref="chartAndTableRef" :chart-desc="chartDesc" :chart-loading="chartLoading" :columns="colum 阅读全文
posted @ 2025-01-15 13:31 竹雨禅月 阅读(7) 评论(0) 推荐(0) 编辑
摘要:/** * 获取默认国际化 * 注: * 1)从本地方缓存取(后期替换从云创取) * 2)缓存为空,从浏览气取 * * @return {string} */export const getDefaultLang = (): string => { let locale = storage.getL 阅读全文
posted @ 2025-01-15 13:30 竹雨禅月 阅读(6) 评论(0) 推荐(0) 编辑
摘要:笔记:页面搜索栏封装: <tableQueryForm ref="queryFormRef" :form-select="QUERY_FORM_SELECT" :model="queryForm" > <el-form-item :label="$swpT('page.swModulePlan.is 阅读全文
posted @ 2025-01-15 13:30 竹雨禅月 阅读(5) 评论(0) 推荐(0) 编辑
摘要:导航条遍历与实现: 引用的方法可直接使用多个地方与多个项目 第一步: 导航条渲染 <el-dialog v-model="dialogVisible" :title="$swpT('field.softwareModule')" destroy-on-close width="1000" @clos 阅读全文
posted @ 2025-01-15 13:28 竹雨禅月 阅读(15) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示