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

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

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

相关推荐
酒鼎26 分钟前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
Bigger31 分钟前
第一章:我是如何剖析 Claude Code 整体架构与启动流程的
前端·aigc·claude
竹林81837 分钟前
从“连接失败”到丝滑登录:我用 ethers.js v6 搞定 MetaMask 钱包连接的全过程
前端·javascript
oi..41 分钟前
《Web 安全入门|XSS 漏洞原理、CSP 策略与 HttpOnly 防护实践》
前端·网络·测试工具·安全·web安全·xss
UXbot1 小时前
2026年AI全链路产品开发工具对比:5款从创意到上线一站式平台深度解析
前端·ui·kotlin·软件构建·swift·原型模式
一拳不是超人1 小时前
前端工程师也要懂的服务器部署知识:从 Nginx 到 CI/CD
服务器·前端
AlkaidSTART1 小时前
TanStack Query 技术指南:异步状态管理核心实践
前端·react.js
三原1 小时前
超级好用的三原后台管理v1.0.0发布🎉(Vue3 + Ant Design Vue + Java Spring Boot )附源码
java·vue.js·开源
之歆1 小时前
RBAC权限模型设计与实现深度解析
vue.js
种花家的强总1 小时前
前端项目开发/维护中降低成本的方式之一:降低耦合度
前端