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

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

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

相关推荐
71Ove几秒前
告别手写字符串!UniApp 路由全自动类型生成工具
前端
掘金安东尼2 分钟前
从平面到空间:用 React Three Fiber 构建 3D 产品网格
前端·javascript·面试
小时前端2 分钟前
HTTPS 页面加载 HTTP 脚本被拦?同源代理来救场
前端·https
用户683709359553 分钟前
在 Rokid AR 眼镜里玩消消乐:基于 Unity 2022 LTS + UXR 3.0 SDK 的轻量级 AR 游戏尝试
前端
zzjyr4 分钟前
@umijs/max 中导出的 request 方法,如何实现 GET/POST/PUT/DELETE 这四种核心请求
前端
swipe4 分钟前
#用这 9 个浏览器 API,我把页面从“卡成 PPT”救回到 90+(每个都有能直接抄的例子)
前端·javascript·面试
zzjyr6 分钟前
基于 @umijs/max 的 request 补充常见错误统一处理、请求取消、重复请求防抖的完整方案
前端
拖拉斯旋风18 分钟前
深入浅出 RAG:从网页爬取到智能问答的完整链路解析
前端
Mintopia32 分钟前
Vite 发展现状与回顾:从“极致开发体验”到生态基础设施
前端
前端双越老师1 小时前
前端面试常见的 10 个场景题
前端·面试·求职