前端开发案例(不定期更新)

如果觉得好,请点赞、收藏和关注,感谢您!

1.下拉框回显值不对,因为数字0无法对应上字符串"0";

2.show-overflow-tooltip,当table列内容过长被隐藏时显示 tooltip;

3.show-word-limit,text/textarea显示输入字数统计;

4.clearable,text可清空;

5.router/index.js,路由配置文件;

6.main.js/*.scss,样式配置文件;

7.注意this指向的是啥;

8.注意return返回到哪里;

9.注意变量覆盖;

10.注意用异步获取的值;

11.路由:

11.1父菜单路由=/A;

11.2子菜单路由=B;

11.3组件路径=C/D/index;

11.4权限字符=E:F:list;

11.5Path=/A/B;

11.6Permissions=['E:F:list'];

11.7Children/Path=index;

11.8Children/Component=import('@/views/C/D/index.vue');

11.9Meta/activeMenu=/A/B;

12.date-picker占满,<div style="width:100%"/><el-date-picker style="width:100%"></el-date-picker></div>;

13.input属性readonly/disabled,date-time-picker属性editable/readonly/disabled;

14.input事件@input;

15.form表单规则rules,自定义校验validator;

16.Vue3父传子:父=:var=varvalue,子=props=defineProps(['var'])&&props.var;

17.Vue3子传父:父=@A="B",子=emt=defineEmits(['A'])&&emt('A',param1,...);

18.清空table多选:ref="A",A=ref(null),A.value.clearSelection();

19.使用!var做判断时注意取值可能会造成错误结果;

20.必填/非必填项、互斥项、关联项、归零/重置项、唯一项、只读项、计算项、层级项、时间项、数量项、价格项、密码项、邮箱项、网址项、手机项、文本域项、下拉项、弹出项;

相关推荐
代码搬运媛8 小时前
Jest 测试框架详解与实现指南
前端
counterxing9 小时前
我把 Codex 里的 Skills 做成了一个 MCP,还支持分享
前端·agent·ai编程
wangqiaowq9 小时前
windows下nginx的安装
linux·服务器·前端
之歆9 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜9 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai1080810 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
kyriewen11 小时前
产品经理把PRD写成“天书”,我用AI半小时重写了一遍,他当场愣住
前端·ai编程·cursor
humcomm12 小时前
元框架的工作原理详解
前端·前端框架
canonical_entropy12 小时前
Attractor Before Harness: AI 大规模开发的方法论
前端·aigc·ai编程
zhangxingchao12 小时前
多 Agent 架构到底怎么选?从 Claude Agent Teams、Cognition/Devin 到工程落地原则
前端·人工智能·后端