- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue小练:完成表单中部门的数据渲染
如果一个用户打开了这弹层，在没有选择部门的情况下，又关闭了这个弹层，那我们还需要去加载部门数据吗？只有当用户在input框上点击了，我们把数据的获取改写成聚焦时再获取数据并渲染显示。在el-input上补充@foucs，回调中获取部门信息。el-tree组件的位置：在el-input的下面。element官网el-tree组件的写法是这样。点选部门时，将选中的部门信息展示到部门输入框中。只有叶子节点（没有下级的节点）才能被选上。员工的部门信息是从树形部门信息中选择。给el-tree添加点击事件。
2023-01-04 16:59:35
348
原创 Vue 的 nextTick 的原理是什么?
Vue 是异步修改 DOM 的并且不鼓励开发者直接接触 DOM，但有时候业务需要必须对数据更改--刷新后的 DOM 做相应的处理，这时候就可以使用 Vue.nextTick(callback)这个 api。时而将nextTick封装成宏任务，时而将nextTick封装成微任务。不过目前vue2最新的版本，nextTick底层是微任务。常见的宏任务有 script, setTimeout, setInterval, setImmediate（一种执行更加频繁的定时器）1、为什么需要 nextTick。
2023-01-02 00:08:02
267
1原创 rem适配方案和Less
2. flex + viewport width /vh单位 做适配效果 （比如 B站移动端 ） 新兴，马上的一个趋势。让flex做布局（盒子摆放），让rem或者vw/vh 实现网页元素的尺寸（宽度和高度）适配屏幕。例如，当前屏幕 375px，则加了 flexible.js之后，html文字大小为 37.5px。2. 我们的设计稿里面元素大小 是 px 单位，但是我们开发的时候，要使用 rem 才能适配。1. flex + rem单位 做适配效果 （比如淘宝和小米移动端） 当前市场最多。
2022-10-11 20:11:11
331
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人