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

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

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

相关推荐
AI老李几秒前
2026 年 Web 前端开发的 8 个趋势!
前端
里欧跑得慢2 分钟前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web
钛态2 分钟前
前端趋势:别被时代抛弃
前端·vue·react·web
小码哥_常21 分钟前
Room 3.0:移动端持久化的“重生”变革
前端
Front思1 小时前
前端的.hbs
前端
_.Switch1 小时前
东方财富股票数据JS逆向:secids字段和AES加密实战
开发语言·前端·javascript·网络·爬虫·python·ecmascript
软件技术NINI1 小时前
webkit简介及工作流程
开发语言·前端·javascript·udp·ecmascript·webkit·yarn
普通网友1 小时前
ES6模块化、Promise、async、await、EventLoop、API接口案例_export function 与 await
前端·ecmascript·es6
難釋懷1 小时前
Vue混入
前端·javascript·vue.js
訾博ZiBo1 小时前
Vue3响应式高阶用法之toRaw()
javascript·vue.js·ecmascript