Achong999的博客

即：@keyup.enter是vue监听键盘回车事件，如果用了封装组件的话，比如element，这个时候使用按键修饰符需要加 上.native（监听根元素的原生事件，使用 .native 修饰符）2.如果在input上加上@keyup.enter.native，第一次回车时还是会刷新界面，在el-from上加上 @submit.native.prevent。1.如果回车时有方法需要调用，在调用方法的时候加上@keyup.enter.native。这样，就可以完美解决问题了。

【代码】指定位置插入指定字符。

immediate：传true为防抖，传false为节流。fn：执行的函数方法。

通过定时器，判断document.readyState的状态来执行事件。很多时候用this.$nextTick并不能满足需求。

以上代码的作用：给 el-dialog__body 加 overflow auto 实现 body内部滚动。但是，因为overflow容器需要外部限制容器的大小才能产生内部滚动，所以使用。把 el-dialog__body 的大小限制为总大小减去头和尾的大小。是通过 transform 来实现水平和垂直居中。是设置对话框的高度和宽度。

【代码】根据生日计算年龄。

【代码】vue根据身份证号算出年龄。

用法：progressShow属性触发进度条显示隐藏（必填），其他的可不填，有其他需求可自行添加。

前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示，目前我使用element组件库的loading，发现不能自定义，loading的样式比较少，官方只提供修改loading的图标和文字。但是我的需求是希望展示的是进度条一样的效果，那就不用loading组件，使用element的Progress进度条组件，自己写一个。在需要遮罩的元素内放入即可，接收loading参数控制是否展示，展示时会覆盖父级元素。基于Element的进度条loading组件。组件的api可以自行添加。

在main.js文件中引入和使用。

【代码】【无标题】

【代码】前端数据排序。

2、在要传值的组件页面中用e m i t ， 在 要 拿 到 值 的 兄 弟 组 件 页 面 中 用 emit，在要拿到值的兄弟组件页面中用emit，在要拿到值的兄弟组件页面中用on。首先，先创建bus.js文件，然后在引用，这里有两种引用方法：局部引用和全局引用。2、这是我创建的子元素（也是第一个兄弟组件）busLearn.vue文件。3、这是我创建的子元素（也是第二个兄弟组件）busTest.vue文件。局部引用：是在组件的文件里面引用bus.js文件。全局引用：是在main.js里面直接引用。

需求：el-tree目录实现搜索查询el-table表格项，双击表格项根据yiZhuMLID||muLuID定位el-tree目录，并且高亮展示在可视化区域内，再重新根据el-tree目录的yiZhuMLID搜索刷新el-table表格，定位且高亮展示相对应的yiZhuMLID的需求。5、el-table定位数据高亮的方法。4、el-table的封装。2、样式Style代码。

uni-apptablevideosvghtml≈24.5KB查看了解更多。

注意：插件的colums中的key 值是label和value，如果项目中数据的key值和插件不一致，需要在获取到数据后替换key值。step2:使用HBuilderX导入插件。在获取到人员列表后替换key值，再打开。step 3：在要使用的页面直接使用。实现如上图的可多选的下拉框。step1:打开链接。

需求：在A页面中通过跳转到B页面，在B页面中处理的数据，需要跳转回A页面供其使用。在A页面中使用刚刚绑定的getValue()方法接收B页面传递的数据。形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。使用 getCurrentPages()给上个页面实例绑定方法和参数。获取当前页面栈的实例，以。在B页面的跳转事件中。

herf为本地下载路径，文件在public目录下。// // 本地下载方法，文件放在public目录里。// 使用a标签下载。

在本地调试模式下，用代理方式解决了H5跨域请求，但运行在手机APP和微信小程序时，请求不到数据，这是因为在uni.request中，APP和微信小程序需要写完整地址。url: WdefBaseUrl + url, // 非H5端即微信小程序或App。微信小程序记得登录微信平台，把合法https地址填到里面去。UniApp中H5跨域APP和小程序不跨域的解决方法。判断方式分开来写，代码如下。

/获取当前毫秒数（0 - 999）//获取完整的年份(4位,1970-?//获取当前时间(从1970.1.1开始的毫秒数)//获取当前毫秒数(0-999)//获取当前月份(0-11,0代表1月)let t = new Date().getTime();//获取当前星期X(0-6,0代表星期天)//获取当前分钟数(0-59)//获取当前秒数(0-59)//获取当前小时数(0-23)//获取当前日(1-31)//获取当前年份(2位)// new Date()常用的方法。

1、package.json关闭eslint2、修改eslint的语法检测，文件为根目录下的 package.json文件（规则写在rules内）3.vue cli关闭eslint。

别人打开这个就可以访问你本地项目了（类似于：192.168.100.100:8089 ）（PS：连同一个WiFi，必须在同一个局域网才行）npm run dev --host 报错。4. 电脑IP+端口即可访问了。

使用 ESLint 官网推荐的规则 + Standard 第三方的配置。使用 ESLint 官网推荐的规则 + Prettier 第三方的配置。使用 ESLint 官网推荐的规则 + Airbnb 第三方的配置。Prettier 主要是做风格统一。只配置使用 ESLint 官网的推荐规则。

Vue组件间通信的几种方式