摘要: 1 function getDistinct(arr1,arr2){ 2 var arr=[]; 3 for(var i=0;i<arr1.length;i++){ 4 var obj1=arr1[i].id 5 var isExist = false; 6 for (var j=0;j<arr2. 阅读全文
posted @ 2020-12-08 17:41 web小白需努力 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: vue-quill-editor是vue很好的富文本编辑器,富文本的功能基本上都支持,样式是黑白色,简洁大方。 第一步下载 vue-quill-editor: npm i vue-quill-editor -S 第二步,将vue-quill-editor引入到main.js: import VueQ 阅读全文
posted @ 2020-01-17 15:27 web小白需努力 阅读(15654) 评论(1) 推荐(5) 编辑
摘要: 开发微信公众号网页,页面登录成功之后,是禁止再次返回到登录页。 我在页面设置了让禁止跳到登录页,可是在手机上有自带的微信浏览器后退按钮,所以必须要禁止浏览器后退,才能禁止后退到登录页。 刚开始百度,查到了一个vue禁止浏览器后退的插件:vue-prevent-browser-back 首先,npm 阅读全文
posted @ 2019-12-12 16:29 web小白需努力 阅读(2904) 评论(2) 推荐(0) 编辑
摘要: localResizeIMG插件的功能是将图片进行压缩,然后转换成base64传给后台。 首先, 1 npm i lrz -save 然后,再main.js里面引入lrz import lrz from 'lrz' 最后就可以在组件里使用 1 <input type="file" @change=" 阅读全文
posted @ 2019-12-05 20:50 web小白需努力 阅读(867) 评论(0) 推荐(0) 编辑
摘要: 在main.js 中添加代码: 1 router.afterEach((to,from, next) => { 2 3 window.scrollTo(0,0) 4 5 }) 然后就会发现每次打开页面都是显示的是页面顶部内容,再也不会显示页面底部或者其他位置影响用户体验。 阅读全文
posted @ 2019-11-25 17:21 web小白需努力 阅读(1276) 评论(0) 推荐(0) 编辑
摘要: 项目需求要求用户上传商品的时候可以一次性上传9张图,多余9张提示‘只能上传9张图’,并且每张图右上角有个删除按钮,图片也可以点击放大。 出来的效果图如下: 话不多说,上代码: 1 <el-form-item label="商品清单/设计图纸:"> 2 <div class="showImg"> 3 阅读全文
posted @ 2019-11-20 11:25 web小白需努力 阅读(1436) 评论(1) 推荐(0) 编辑
摘要: 最近公司的项目会有大量的表单需要输入很多信息。 比如下面的表单: 像这种,三个表单点确定同时提交,因而需要对三个表单进行同时验证,一个验证不通过,接口就走不通。 我知道的有两种方法: 第一种方法是通过promise.all(),通过promise进行同步验证。代码示例度娘有很多。 我使用的是第二种方 阅读全文
posted @ 2019-09-07 10:23 web小白需努力 阅读(4353) 评论(0) 推荐(0) 编辑
摘要: 公司最近的项目有个添加动态表单的需求,总结一下我在表单验证上遇到的一些坑。 如图是功能的需求,这个功能挺好实现的,但是表单验证真是耗费了我一些功夫。 vue+element在表单验证上有一些限制,必须依照element示例的格式才能验证通过。 附上代码: 我加粗并且是紫色的地方需要着重注意。:pro 阅读全文
posted @ 2019-09-04 19:25 web小白需努力 阅读(24307) 评论(4) 推荐(3) 编辑
摘要: 今天打开vue项目,页面空白报了一个错误,错误如下: “Maximum call stack size exceeded” 错误的字面意思是:超出最大调用堆栈大小。 然后就是各种百度,找错误原因。百度好多篇,有的是由于router里面路径为声明,有的是未定义变量,有的由于是递归函数 产生死循环。我一 阅读全文
posted @ 2019-08-03 17:33 web小白需努力 阅读(166264) 评论(2) 推荐(3) 编辑
摘要: select原样式: 进行样式修改后的样式: 附上修改代码: 但是有个问题;option的样式没办法修改;我各种百度搜索,没有搜索出如何修改其样式; 因为option是html固有元素;因而无论怎么修改在浏览器上都是不起作用的。 想修改option样式,只能通过div ul li模拟select功能 阅读全文
posted @ 2019-07-11 18:09 web小白需努力 阅读(160469) 评论(5) 推荐(9) 编辑