1️⃣获取到当前的鼠标在盒子内的相对位置（useMouseInElement）,控制滑块跟随鼠标移动（left/top）思路：维护一个数组图片列表，鼠标划入小图记录当前小图下标值，通过下标值在数组中取对应图片，显示到大图位置。2️⃣实现放大效果，大图的宽高是小图的两倍，大图的移动方向和滑块移动方向相反，且数值为2倍。3️⃣鼠标移入盒子（isOutside），滑块和大图才显示（v-show）3️⃣鼠

在vue开发项目的过程中，需要在自己的页面框架中，引用别人做的页面功能第一步 router.js第二步在view 下建一个IFrame》》IFrame.vue页面第一步 router.js/*** 加载动态菜单和路由*/function addDynamicMenuAndRoutes (token, userId, to, from) {handleIFrameUrl(to.meta.link,t

一.安装screenfull1.npm install screenfull 直接安装的是最高版本的 下载的时候没报错，引用screenfull的时候就报这个错了 说是webpack.confing 文件不支持最新版本的语法问题2.卸掉后换成5.1.0npm install --save-dev screenfull@5.1.0 换成5.1.0 就可以了二.封装screenfull组件这里我因为项

element + vueTable里的两列数据比大小。

element+vue table上移+下移 拖拽。

颜色 尺寸产地都选择了。

需求:浏览器在上下滚动的过程中,如果距离顶部的滚动距离大于78px,吸顶导航显示，小于78px隐藏。一般情况下我们会有nav区域，header区域，二级路由出口区域以及footer区域，如图。阿里的字体图标库支持多种引入方式，项目里采用的是font-class引用的方式。我们在开发的时候先把大模块搭建起来，再一步一步填充小模块。项目中有两种导航，一种普通导航一种吸顶导航。

在很多项目中，都会有数据字典表，前端通过请求后端拿到数据字典表里的数据，一般在页面列表上面状态数据都会是返回的数字，前端需要把数字转换成字典表里对应的数据值，下面写了一个前端写死的数据，stateMap里的数据可以换成从接口请求过来的数据。

mac安装 nvm 后，运行 nvm 命令时，nvm: command not found。

【代码】vue 之 Quill编辑器封装。