问题描述在显示弹窗时，如果底部页面可滚动，可能在弹窗显示时，滚动鼠标，会发生滚动穿透，让底部页面也一起滚动了。这种用户体验是不太好的，怎么能阻止滚动穿透呢？解决思路让弹窗显示时，阻止背景的滚动事件，弹窗关闭时，重新恢复背景的滚动示例（vue）<div>原背景页面</div>// 假设如下是一个简略的弹窗元素<div v-if="showDialog"...

在vue项目中我们发现，给input标签设置了type=number之后，输入框还是可以输入±以及e的情况，这是由于这些符号都属于数字范围，e指的是指数。如果项目有特殊需求，禁止输入这些符号，我们可以怎么做呢第一个想到的方法：普通正则处理在v-model中绑定元素，通过正则判断，在输入失焦时替换调这些元素。这种方法网上随便找找就行，但是这样很不直观，对用户来说是多了一步。那么怎么在根源上...

vue项目中使用了vuex的getter方法获取数据，数据更新后页面没有渲染问题描述在vue的一个项目中遇到这样一个问题：项目使用vuex进行状态管理，在一个页面中，包含两个组件AB.在A组件中，通过接口请求拿到数据A，并存储在store中，供调用。在B组件中，我们通过getter的方式，从store中获取数组A中的部分数据，用做组件页面的一些数据展示。问题：当数组A变化时，B组件中,打印数...

基于el-upload组件实现上传下载excel文件在vue项目中，使用了element组件，要基于其中的下载组件el-upload实现上传和下载excel的功能，发现element官网上的说明说的很不清楚，找了很多资料和实践后，总结了以下的用法。element官网中el-upload: el-upload说明主要实现两部分，一是上传文件，基于el-upload;二是下载文件，这个根据具体...

Vue中子组件的弹框滚动条不影响父元素滚动问题描述解决方法基于Jquery的方式原生JS：给body加上position:fixed==原生JS==：给body加上overflow:hidden问题描述在vue的某个页面的子组件中设置了弹框，主页面和弹窗都有滚动条，当弹窗滚动条滑到底部时，会触发主页面的滑动。怎么禁止主页面的滑动？关闭弹窗后，再恢复主页面的滑动。解决方法基于Jquery的方...

Vue大型表单数据导致el-input输入卡顿解决方案说明在我们的日常开发中，可能会遇到一个大型的表单页面包含非常多个el-select及el-input组件的情况。如：对于这样大型的表单数据，尤其一些下拉选项非常多甚至还要从接口获取时，会容易出现两个问题：1、el-select组件操作卡顿2、el-input组件输入延迟卡顿，即在输入框里输入、删除一些字符，会有明显的延迟对于第一个问题，网上有很

使用Vue创建一个新的项目或者打开一个已有的项目打开一个项目对于一个已经创建好的Vue的项目，比如从GitHub上面fork或download到本地的项目（一个vue的文件夹），想要运行并在浏览器中展示时，简单两步操作即可：（前提是已经有node\npm\vue的环境）， 在命令行输入 node -v，npm -v, vue -V 可分别查看是否安装好以及各自的版本 1....

Vue大型表单数据导致el-input输入卡顿解决方案说明在我们的日常开发中，可能会遇到一个大型的表单页面包含非常多个el-select及el-input组件的情况。如：对于这样大型的表单数据，尤其一些下拉选项非常多甚至还要从接口获取时，会容易出现两个问题：1、el-select组件操作卡顿2、el-input组件输入延迟卡顿，即在输入框里输入、删除一些字符，会有明显的延迟对于第一个问题，网上有很

在做一个客户端基建项目的时候，多处需要用到JS调取命令行执行shell脚本，这里对shell命令、JS执行shell命令做一个简单的介绍和总结。前言一般在纯前端静态页面的项目中，是不需要JS调命令行操作的，通常在Node项目，或者在Electron客户端项目中，可能会有这样的需求。（electron这个客户端框架本身就内置了node的很多方法）。因此下文针对的是有node层的项目如何执行shell

用html2canvas插件将dom转为canvas在iphone11(ios 13.4.1)，微信环境里不执行也不报错，一直进不去.then()后面的逻辑，解决方案如下：具体将页面转为img图片,实现微信长按保存图片的步骤可见笔记：https://blog.csdn.net/cindy647/article/details/109123014方案一搜索到一个解决办法是降低html2canvas的