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

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

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

相关推荐
菠萝+冰2 小时前
npm中-d -g 和默认安装的区别
前端·npm·node.js
一路向北North3 小时前
网页版预编译SQL转换工具
前端·javascript·sql
拿不拿铁194 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge4 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
BBB努力学习程序设计4 小时前
了解响应式Web设计:viewport网页可视区域
前端·html
zhangyao9403304 小时前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
码农张4 小时前
从原理到实践,吃透 Lit 响应式系统的核心逻辑
前端
jump6804 小时前
object和map 和 WeakMap 的区别
前端
打小就很皮...4 小时前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话