- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue iview table中使用子组件，数据更新页面不渲染问题
在table 列中对时间进行特别处理时，页面不刷新，新数据进来时间渲染是前一条的数据，没有实时渲染理论上当我更新数据的时候，createDate的值已经发生了改变，子组件应该获取的数据更新并重新渲染。实际上该页面的子组件只会保留第一次界面初始化的渲染页面。修改前： <i-table width="100%" border ref="selection" :columns="columns" :data="suggestions"></i-table>修改如下： 可
2021-07-30 15:44:20
1897
原创 js 中重复代码精简
// if(this.caseSource.length > 0){ // this.formItem.caseSource = this.caseSource.join(',') // } // // if(this.penaltiesType.length > 0){ // this.formItem.penaltiesType = this.penaltiesType.join(',') // } // i...
2021-05-24 13:51:16
458
原创 cropper.js使用中裁剪框不显示问题
cropper.js使用中裁剪框不显示问题问题在最近的项目中使用到了cropper.js，进行图片裁剪，由于项目中先上传了原始图片，在上传完成后显示图片，然后进行裁剪，结果图片加载完成，裁剪框没有显示。改进方案判断图片是否加载完成再初始化使用代码如下：// html <div style="max-height: 500px"> <img ref="new_avater" id="new_avater" style="max-width: 100
2021-04-23 14:28:13
1878
原创 小程序上传图片功能
对于上传图片功能，限制图片数量时，预览图如下代码如下： <view class="rupload-section"> <view class="section-title">上传凭证：</view> <view class="upload-img-list"> <view class="upload-img-item" wx:for="{{uploaderList}}" wx:key="item">
2020-07-30 11:46:48
641
原创 微信小程序页面滚动到指定位置
给需要滚到特定位置的元素或者组件添加一个id，通过这个id值可确定位置数据，具体代码如下：var that= this; var query = wx.createSelectorQuery().in(that); query.selectViewport().scrollOffset() query.select("#"+特定id值).boundingClientRect(); query.exec(function (res) { console.log(res);
2020-07-30 11:09:09
2235
原创 微信小程序编写问卷调查，如何获取问题答案？
做问卷调查时，当单选、多选、问答题循环时，获取题目答案可如下：问卷数据类型<view class="common-info {{index !=0?'top-info':''}}" wx:for="{{list}}" id="{{item.id}}" wx:key="id"> <view class="question"> <span class="red-star">*</span> <span>{{i
2020-07-30 10:22:43
2868
原创 小程序scroll-view 实现两行滑动金刚区，滑动进度条
业务需要，需要做一个两行可滑动的金刚区展示模块，效果图如下：代码如下： <!-- 中间金刚区目录图标区域 --> <view class="second-module-allicon"> <scroll-view class="nav-bar" scroll-x bindscroll="scroll"> <!-- 使用flex布局实现横向滚动，在scroll-view里加一层容器包裹，才会出现滚动效果 -->
2020-07-30 09:51:51
3573
2
原创 css3动画制作渐变色进度条
先上效果图：代码如下:<div class="progress"> <div class="progress-bar" style="width:73.9%"> <div class="progress-value">73.9%</div> </div></div>css如下...
2020-04-26 09:54:32
1263
原创 原生js获取对象的长度
获取对象的长度，.length是不可用的但是可以原生js来获取var objLength = Object.keys(objItem).length;
2020-04-21 11:32:09
377
转载 【转载】Vue实现PC端分辨率自适应
转自：https://www.cnblogs.com/maggieq8324/作者：95.8℃ Vue实现PC端分辨率自适应 </h1> <div class="clear"></div> <div class="postBody"> 方案lib-flexible+ px2remLoaderlib-flexi...
2020-04-16 10:45:01
596
原创 echarts 使用 百度地图 加入自定义图标标记
首先先上效果图，静态图（PS.制作动图还在学习中~）：地图上的文字未展示，根据经纬度标记图，循环展示每个标记点的数据~一.如何引入百度地图申请百度开发秘钥AKhttp://lbsyun.baidu.com/apiconsole/key在vue的index.html里加入 <script type="text/javascript" src="https://api.m...
2020-04-16 10:20:46
4352
2
原创 vue项目中，多位后端开发人员时，避免联调时重复改IP，将各位开发人员的地址进行配置，只需启动不同配置即可
背景在一个大型的项目开发过程中，作为一个前端开发人员，很可能存在需要与多为后端开发人员进行本地联调，为了避免重复去修改本地的接口地址，故可以将各个后台开发人员的本地接口接口地址配置进配置项，一般不需要重复修改。步骤1). vue项目中，启动本地开发环境时命令为npm run dev,在package.json中可看见配置的启动命令：根据这个我们可以配置后台开发人员的本地接口的启动命令，...
2019-07-29 16:13:30
963
原创 vue项目中 多组菜单导航栏的隐藏与显示
在一个VUE的PC端商城项目中，对于商品的侧边导航栏存在多级目录，需要实现二级目录的隐藏与显示，所以写了一个简单的二级展开功能，实现代码如下，通过改变seen和currentItem的值来控制二级目录的展示与隐藏（PS：为了不忘记）...
2019-07-29 15:15:15
3090
原创 在vue.js 写的H5页面中使用时间插件rolldate遇到的坑
背景由于项目需要，写一个H5页面，用了Vue.js，在页面中用到了时间插件，发现最新版的rolldate时间插件还不错，就用上了。问题因为页面涉及Tabs切换，所以我用来v-if来控制代码块的显示与隐藏，那么，问题来了，页面一进来就初始化了时间控件，切换tab之前，时间控件选择页面的打开收起都非常正常，可是，当我切换了tab之后，所有的时间控件的选择都不出现了，代码也没有任何报错。真...
2019-06-11 17:43:35
2465
原创 jenkins上部署vue项目执行npm run build 进行打包报错就报错
想要前端项目的QA环境能使用Jenkins进行一键部署，进行了一系列的配置，到最后进行构建的适合，只要运行到打包命令时，就报以下错误：查了半天才发现是cross-env（如下图）在window环境和Linux系统使用方式不一致造成的，cross-env只是用在windows系统上的，在Mac和Linux系统上没用，所以为了能在Jenkins上打包成功，将package.json里的命令方式进行了...
2019-06-04 14:35:59
10694
1
原创 sourcetree克隆项目显示“这是一个无效的源路径”
sourcetree克隆项目显示“这是一个无效的源路径”由于前一个同事离职了，在他电脑上管理项目时发现sourcetree一直无法正常工作，克隆项目就弹出一个登录框需要输入当前的git密码，但是又不知道这个密码，一直无法克隆，但是，使用命令却能正常进行克隆，想不明白。百度找了各种解决方法，给gitlab添加ssh key呀（PS：虽然已经添加过）、删除各种不用的别的windows凭据呀，还是...
2019-05-27 20:08:03
21395
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人