vue

效果：实时获取元素的宽高 指令封装： 使用：效果：实时获取元素的宽高 指令封装： 使用：效果：实时获取元素的宽高 指令封装： 使用：效果：实时获取元素的宽高 指令封装： 使用：

一、效果 二、Tooltip组件 三、使用 data<el-tooltip v-bind="$attrs" :disabled="disabled" popper-class="tootltip-po

```js // 表格某一列校验不通过，将该列滚动到表格左侧 scrollToFirstError() { this.$nextTick(() => { const tableWrapper = th

一、前置知识 js是单线程的，为了确保主线程不被长时间阻塞，js中有同步和异步的概念 事件循环机制（event loop） 先执行主线程中同步任务 遇到异步任务，将异步任务挂到任务队列中 主线程执行完

一、功能描述 产品发布页面，整个页面是一个大的表单，所以拆分成一个个子组件，每个组件都是一个form 点击页面底部的提交按钮时，需要能校验出来每个子表单，并且滚动条滚动到校验失败的那个表单位置上 特殊

前端开发过程中，有一些页面，当用户离开时，需要提醒用户确认是否离开，例如还未支付，提醒用户是否进行支付；我这里的场景是页面是一个大的表单，防止用户填写了很多内容，误触了其他页面，导致之前填写的内容丢失

指令封装 directives/input/index.js directives/index.js main.js 注意事项： 指令的封装不要用keyup事件，当限制只能输入数字时，中文输入法下，输

如图，页面是一个大的表单，现在需求是页面上加上这样一个区域，其中也有表单，但是不希望在原来的页面中添加代码，可以将新的内容封装成一个组件（pscdsTable），组件内的代码可以平移到页面中，只是写在

一、借助element-ui的loading 效果： global-loading.js main.js 使用： 二、自定义loading 效果： components/Loading/index.v

```js const routeData = this.$router.resolve({             path: '/order/orderList/orderAdd',      

大文件分片上传、断点续传、多线程上传大文件分片上传、断点续传、多线程上传大文件分片上传、断点续传、多线程上传大文件分片上传、断点续传、多线程上传

一、效果 二、实现分片上传 2.1 开启node服务 创建server文件夹，执行npm init 安装依赖：yarn add express express-fileupload nodemon 创

一、效果 点击导航可以跳转至对应的页面 页面滚动时高亮导航 二、实现 点击导航可以跳转至对应的页面 页面滚动时高亮导航 三、完整代码 css： 注意点： 当手动添加或减少规格值时，需要重新执行init

效果： 指令封装 使用： 如果需要根据状态判断是否需要添加指令，使用v-show效果： 指令封装 使用： 如果需要根据状态判断是否需要添加指令，使用v-show效果： 指令封装 使用： 如果需要根据状

效果： @/components/TestDialog.vue App.vue 拓展：sync修饰符 细心的小伙伴发现el-dialog标签使用的是:visible.sync="dialogVisib

utils/eventBus.js 定义2个组件 components/TianChou/index.vue components/PiaoPiao/index.vue App.vue 效果：

一、问题场景 仓库盘点详情页，只要刷新了，就会报这个错，并且不能返回，也不能点击其他菜单 二、问题排查 找到报错的这行代码 打印这个self，其他页面都是指向window，只有这个详情页指向vue组件

el-table-column警告： [Element Warn][TableColumn]Comparing to render-header, scoped-slot header is easi

一、定义2个组件 scr/components/ComponentsA/index.vue scr/components/ComponentsB/BBB/BBBB/index.vue 二、局部使用这两

一、定义全局变量 src/styles/variables.less 二、组件中使用 使用前需要先引入该文件 三、全局引入 如果很多个页面都使用到了，每个页面都引入一次很麻烦 vue.config.j