vue
文章平均质量分 52
杜.
这个作者很懒,什么都没留下…
展开
-
【vue】-- package.json和package-lock.json的区别
package.json记录当前项目所依赖模块的版本信息,更新模块时锁定模块的大版本号(版本号的第一位)。package-lock.json记录了node_modules目录下所有模块的具体来源和版本号以及其他的信息。package-lock.json是在运行“npm install”时生成的一个文件,用于记录当前状态下项目中实际安装的各个package的版本号、模块下载地址、及这个模块又依赖了哪些依赖。为什么有了package.json,还需要package-lock.json文件呢,当node_转载 2021-08-11 11:35:22 · 369 阅读 · 0 评论 -
[vue] -- 使用自定义指令解决部分ios系统无法直接使用overflow:hidden解决弹出弹窗遮罩时滚动穿透的问题
dialog滚动条滑动当前页面影响到底层页面的滑动,网上的解决思路大多是,添加overflow:hidden。但是无论怎么修改,都无法适配。怀疑人生。后来换了一种思路,发现部分ios系统不适用于此方案。于是通过全局自定义指令v-fixed,来解决这个问题。即:使用当弹窗出现的时候将页面body的position设置为fixed并记录此刻滚动的位置,弹窗消失去除position属性import Vue from 'vue'Vue.directive('fixed', { inse原创 2021-07-12 13:55:15 · 713 阅读 · 0 评论 -
el-dialog对话框自适应高度,仅body内容部分滚动
项目背景: 需求是,在触发各节点时,要显示当前节点下各时间点对应的订单量,并以表格形式表现。如图所示:前期:引入element ui 基本可以满足大部分的样式。第一次使用el-popover+el-table组合,发现table无法适配原始页面,不会随机型大小进行缩放适配。超出了屏幕范围。但调试无果。第二次,选择了el-dialog+el-table结合使用。使用dialog的过程中,也是出现了适配问题,dialog高度需要做适配。于是,通过定义以下样式,进行适配...原创 2021-07-08 11:20:50 · 9933 阅读 · 5 评论 -
node-sass安装血泪史(二)-- 分析问题原因
接上node-sass安装血泪史(一)-- 背景和前期准备如上所示,第一步就已经提示权限的问题了,gypERR!stackError:EACCES:permissiondenied,mkdir'/var/www/wms_mobile_backup/node_modules/node-sass/.node-gyp'查这个问题显示,...原创 2021-07-02 13:54:29 · 330 阅读 · 1 评论 -
node-sass安装血泪史(一)-- 背景和前期准备
vue项目使用了node-sass,先了解什么是node-sass项目Jenkins构建,引入node-sass后报错,提示信息如下:由于之前遇到过依赖包下载不下来的问题,当时是因为自己对前端不熟悉,也不知道什么情况,当时core-js下载不下来,后来查看日志,发现是新引入的条形码组件中的core-js版本与项目本身现有的core-js版本冲突,由于项目接过来,不清楚原来的core-js的应用,所以并没有卸载原版本。当时处理方式是在命令行新增了下载命令,指定了版本号,最终才能编译过去的。于是这次原创 2021-07-02 11:44:18 · 890 阅读 · 1 评论 -
【vue】-- element-ui datePicker
格式修改Date显示年月日,传参String 格式为"yyyy-MM-dd"<!-- <el-date-picker v-if="$route.path == '/yesterday'" v-model="selectDay" type="date" value-format="yyyy-MM-dd" placeholder="选择日" @change="dataSearch" ></el-date-picker> -->格式为"timestamp" 时间戳原创 2021-05-17 11:39:47 · 604 阅读 · 0 评论 -
【项目实战】-vue_elementui Popover 弹出框的使用
https://cloud.tencent.com/developer/section/1489903项目中用到弹框出现表格的组件,如上使用该弹框。原创 2020-12-01 11:43:42 · 2234 阅读 · 0 评论 -
【vue】- elementUI安装 报错npm ERR! cb()never called! npm ERR! code ENOENT
elementUI安装命令npm i element-ui -S以上经查询 解决方案:删除目录下的node_modules文件夹和package-lock.json文件重新install,由于原来我下载的阿里镜像,所以使用的cnpm.install 下载完成后 然后重新执行npm i element-ui -S执行安装,但是报如下错误不知道是不是因为阿里镜像不全的原因,重新执行了 npm.install,然后重新安装elementUI,npm i element-ui -S 成功.原创 2020-11-27 11:30:07 · 470 阅读 · 0 评论