VUE
vue
前端小黄鸭
这个作者很懒,什么都没留下…
展开
-
js数组对象去重同时判断两个属性条件相同去重
arr=[{ code: "001" name: "name1" desc: "描述描述描述001" }, { code: "002" name: "name2" desc: "描述描述描述002" },{ code: "001" name: "name1" desc: "123456789" },]function getlist(arr) { // 缓存用于记录 const cache = [];原创 2022-01-12 17:25:48 · 792 阅读 · 0 评论 -
Vue项目中出现Loading chunk {n} failed问题的解决方法
这种报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。当在渲染一个路由的过程中,需要尝试解析一个异步组件时发生错误。 完全符合我们场景,所以在onError方法中我们实现如下代码:1、服务端解决方式报错的原因是某些js bundle没有被找到,所以在服务端接收到获取该js文件的请求时先判断该js文件是否存在,如果存在直接返回js文件,如果不存在则返回一个提示信息给前端,让前端处理。假设服务端用express作为静态文件服务器,代码如下:app.al原创 2021-11-04 13:52:41 · 2529 阅读 · 1 评论 -
Node Sass version 6.0.0 is incompatible with^4.0.0
**node-sass 6.0.0版本与^4.0.0不兼容**1、先卸载之前版本的node-sassnpm uninstall node-sass2、卸载后安装4.0.0版本npm install node-sass@4.14.1安装的时候可能会失败,有可能是安装的淘宝镜像的问题3、重新安装下淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org4、重装成功后,直接执行npm install node原创 2021-10-27 13:45:48 · 1485 阅读 · 0 评论 -
:summary-method=“getSummaries“与show-summary 求和、主动更新求和数据
<el-table :data="tabData" :summary-method="getSummaries" :show-summary="showSum"></el-table> getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 1) { sums[index]原创 2021-10-21 14:08:32 · 1031 阅读 · 0 评论 -
el-select选中选项后input内容不更新
在vue中使用 el-select下拉框,当你选中选项input中的值未更新时,看我通过绑定$forceUpdate()实现。<el-select v-model="formlist.infoChangeRecordModify.subBrandSid" placeholder="选择列表" @change="$forceUpdate()"> <el-option v-for="item in List" :key="item.value原创 2021-10-19 10:27:40 · 605 阅读 · 0 评论 -
vue中axios GET传参
VUE中axios的get传参用的是params而不是data原创 2021-07-06 14:38:43 · 732 阅读 · 0 评论 -
常用的数组去重方法
1、ES6中的Set去重var shop=[1,2,3,4,5,1,3,6]const backToArray=Array.from(new Set(shop))console.log(backToArray)输出结果为:[1,2,3,4,5,6]2、创建新的数组,利用indexOf去重var shop=[1,2,3,4,5,1,3,6]var newshop=[]//遍历当前数组shop.map((item, i) => { //若临时数组里没有当前数组的当前值,则把当.原创 2021-04-09 10:21:59 · 80 阅读 · 0 评论 -
防抖和节流的区别及用法
防抖: 当事件被触发时,设定一个周期延迟执行动作,若期间又被触发,则重新设定周期,直到周期结束,执行动作特点:持续的触发但不执行函数;最后一次触发完毕后隔一段时间只执行一次该函数;缺点:如果事件在规定的时间间隔内被不断的触发,则调用方法会被不断的延迟export function debounce(fn, datatwo) { var datatwo= datatwo || 200; var timer; return function () { v.原创 2021-04-09 09:48:43 · 378 阅读 · 0 评论 -
数组的map, filter和reduce区别、用法及使用场景
map 可操作每个数组内的元素,并返回每个元素,最终会返回一个全新的数组使用场景: 用于遍历,返回新数组使用var dateMap = new Map();for (var i = 0; i < jsonStr.data.dateKeys.length; i++) { var data = jsonStr.data.dateKeys[i]; //用split连在一起的字符串切割 "三·11.27" //使用set添加键值示例:m.set('小红', 30); dateMa.原创 2021-04-07 14:07:25 · 364 阅读 · 0 评论 -
小程序规格属性选择
<template> <view class="container"> <view class="skuBox" v-if="guigedata"> <view class="color" v-for="(specs, n) in guigedata.apec_attr" :key="n"> <view class="type_contnent_box"> <view class="title"> .转载 2021-03-17 11:35:43 · 516 阅读 · 0 评论 -
vue-element-admin完整项目实例
项目运行地址:https://panjiachen.github.io/vue-element-admin/#/login项目地址:https://github.com/PanJiaChen/vue-element-admin项目地址:(国际化)https://github.com/PanJiaChen/vue-element-admin/tree/i18n项目介绍:https://panj...原创 2020-03-09 18:28:19 · 3177 阅读 · 0 评论 -
vue-element-admin执行npm install 报错
1、git config --global url."https://".insteadOf git://然后再去npm install 就正常了分析原因:因为当你想去克隆一个别人github上的repository时,发现系统不让你动,提示你防火墙禁止对git://的访问,这时候就只能用https://来访问repository。执行 git config --global url."h...原创 2021-02-08 16:23:39 · 700 阅读 · 0 评论 -
vue简易选项卡
css文件js文件原创 2019-10-23 17:38:47 · 149 阅读 · 2 评论 -
html生成图片超实用方法
html生成图片方法一、html2canvas实用html2canvas插件,生成图片,弊端:不兼容一些css3属性方法二、domtoimage弊端:1、web生成图片下载到本地。2、dom中不能有跨域图片。...原创 2019-08-06 18:18:30 · 1032 阅读 · 0 评论 -
swiper display:none 后 再显示 滑动问题怎么解决
swiper display:none 后 再显示 滑动问题怎么解决第一种方法一般出现这种问题,需要让他显示出来后进行**“初始化”**操作第二种方法可以使用透明度解决,不显示的时候将透明度设置为0,显示的时候设置透明度为1,这样就可以解决问题了。...原创 2019-08-06 18:03:24 · 436 阅读 · 0 评论 -
教你如何运行vue项目
1、如何运行项目首先定位到项目名路径(输入cd 项目名称)2、定位好项目路径后再npm run dev 就好了,这样就可以在浏览器打开了。原创 2019-06-16 21:36:49 · 1373 阅读 · 0 评论 -
搭建Vue开发环境的步骤
搭建Vue开发环境的步骤一:在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn;二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号,...原创 2019-06-12 22:31:06 · 161 阅读 · 0 评论