- 博客(157)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 Vue - Filters
Vue 全局使用 Filters在src/assets下新建一个filters.js文件。let dateFilters = function(date) { // date：即为要过滤的key return 1234;};export { dateFilters};在main.js中，注册Filters.// filtersimport * as filters from './eam/assets/filters';Object.keys(filters)
2020-06-23 11:37:10
258
原创 js 对比两个数组包含内容是否相等
对比两个数组包含内容是否相等const result = val.length === list_v.length && val.every(a => list_v.some(b => a === b)) && list_v.every(_b => val.some(_a => _a === _b));// result: true
2020-06-22 10:19:43
1089
原创 iview form表单有数值就是不校验
iview form表单有数值就是不校验需要换一种方式赋值this.$set(this.FormData,'Id',this.Id)
2020-06-17 17:17:12
1669
原创 http-proxy-middleware代理转发到不同的IP和端口
http-proxy-middleware一个轻松的配置代理服务器的中间件开发中若接口文档中接口有不同的IP和端口号，需要在option下的router属性中配置path:转向的端口和IP，我这里使用的是path来匹配请求。参考文档：http-proxy-middleware。/** * @file config for proxy, useful only in dev. * * @author taohang(taohang@baidu.com) * * The dev server .
2020-06-09 19:30:05
2081
1
原创 删除数组中相匹配的元素
删除数组arr中isDefault属性为false的元素arr = arr.filter(({ isDefault }) => isDefault !== false);原数组arr：[ { "type": "selection", "width": 60, "align": "center", "fixed": "left", }, { "title": "主机名", .
2020-06-08 17:25:30
1251
原创 vue 文件加上scoped属性后不能覆盖UI组件的原有样式
vue 文件加上scoped属性后不能覆盖UI组件的原有样式为了vue页面样式模块化，不对全局造成污染，一般每个页面的style标签都加上scoped属性，表示该style样式只在当前的页面生效，不会泄漏到子组件或其他页面中。但是scoped也会造成一些额外的负担，比如无法覆盖原有组件的样式。此时我们可以使用 /deep/ 或者>>>。<style scoped lang="less"> .fault-predict { /deep/ .i
2020-06-05 17:32:57
856
原创 基于iview-封装定制化的穿梭框组件
基于iview-封装定制化的穿梭框组件PM那边需求如下：** 效果图如下：**代码如下：<template> <!-- 穿梭组件 --> <div class="transferTpl"> <div class="left"> <div class="title"> <span>{{ leftTitle }}</span>
2020-05-28 20:27:11
1740
1
原创 基于iview封装的定制化select下拉菜单
基于iview封装的定制化select下拉菜单前天PM那边给了个UE图，上面有这么个需求：iview没有内置的这种类型的组件，因此，自己着手封了一个（一言不合就封它！）而且select在该需求的基础上增加了一些功能： 1. 是否需要默认状态下自动显示全选 2. select宽度自定义 3. 支持父组件v-if下的显示隐藏该select子组件完成效果如下：代码如下：<template> <!-- 定制下拉菜单组件 & 开放搜索、多选功能
2020-05-28 20:12:09
3200
原创 Vue 强制刷新页面，或者指定div进行刷新
Vue 对指定div进行强制刷新<template> <div v-if="isReloadData"> 假如在这个div里面修改了某些数据，或者是 props 带过来的数据，又或者是通过 funcation 动态设置的属性属性， 可能在修改之后不会进行刷新展示最新的数据 </div></template><script>export default { data () { return {
2020-05-26 15:14:06
10204
原创 JS: 找出数组中只出现一次的元素
找出数组中只出现一次的元素第一种：indexOf()和lastIndexOf(),只要两个相等，就是只出现一次的数。function FindNumsAppearOnce(array){ // return list, 比如[a,b]，其中ab是出现一次的两个数字 var res = []; for (let i = 0;i<array.length;i++){...
2020-03-25 15:33:55
4487
1
原创 手动实现一种时间复杂度为 O(n log n) 的排序算法。
手动实现一种时间复杂度为 O(n log n) 的排序算法。解决思路：快速排序 - 时间复杂度为 nlognvar quickSort = function (arr) { if (arr.length <= 1) { return arr; } var centerIndex = Math.floor(arr.length / 2); // 取中间基准 v...
2020-03-24 14:37:39
1594
原创 实现一个函数， // 判断一个给定整数数组中是否存在某两个元素之和恰好等于一个给定值 k， // 存在则返回 true，否则返回 false。
实现一个函数，判断一个给定整数数组中是否存在某两个元素之和恰好等于一个给定值 k，存在则返回 true，否则返回false。该函数的输入参数有两个，第一个参数为整数数组 nums，第二个参数为整数 k，返回值为布尔值。【不要使用排序！要求时间复杂度为O(n)，n 为数组长度】解决思路：遍历每个元素，让指定值减去每一个元素，得到的数字再判断是否在数组中存在，存在返回true，否则返回fa...
2020-03-24 13:53:32
1900
1
原创 解决vue打包完element图标找不到、文件、图片路径报错等问题
解决vue打包完element图标找不到、文件、图片路径报错等问题第一步：找到build->utils.js文件，加 publicPath: '../../'if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader',...
2019-12-27 13:12:11
1619
原创 vue input 回车事件
普通vue input：@keyup.enter="onSubmit"element el-input：@keyup.enter.native="onSubmit"
2019-12-25 14:38:23
4315
原创 什么是web语义化？
一、什么是web语义化？web语义化是指，通过html标记表示页面包含的信息，包含了HTML标签的语义化和Css命名的语义化。其中，html标签语义化是指，包含语义的标签恰当的表示文档结构，例如h1-h6总结起来就是：正确的标签做正确的事情页面内容结构化无CSS样子时也容易阅读，便于阅读维护和理解便于浏览器、搜索引擎解析。 利于爬虫标记、利于SEO二、web语义化有什么好处...
2019-12-23 17:11:29
1070
原创 表现与数据分离
表现与数据分离：表现：顾名思义，就是表达出来的现象，在前端来看，就是html+css，就是平常所看到的的网页的架子；数据：一般是从后端数据库或从哪爬过来的数据，然后在前台显示出来，即是网页中各个结构上的内容；好处与坏处：好处：模块化 –> 容易测试 –> 降低bug频率；坏处：程序结构复杂，比较耗时，上手有学习曲线；应用场景：项目具有明显的数据需求，比如要与很多...
2019-12-23 16:50:15
1162
原创 字符串截取：split()
split()split() 方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)separator。必需。字符串或正则表达式，从该参数指定的地方分割 stringObject。howmany。可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串...
2019-12-23 14:24:34
1644
原创 arr.concat()、arr.slice()、arr.splice()
arr.concat()arr.concat()语法与定义：concat() 方法用于连接两个或多个数组。arrayObject.concat(arrayX,arrayX,......,arrayX)必需。arrayX该参数可以是具体的值，也可以是数组对象。可以是任意多个。基于当前数组中的所有项创建一个新数组。简单的说，concat()先给当前数组创建一个副本，然后将接收到的参数添加到这...
2019-12-23 14:09:00
6340
原创 ES6 - Object.assign()
ES6 - Object.assign()语法与定义：Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。Object.assign方法的第一个参数是目标对象，后面的参数都是源对象。const target = { a: 1 };const source1 = { b: 2 };const source2 = {...
2019-12-23 13:29:28
468
原创 vue动态绑定input,动态添加input
vue动态绑定input,动态添加input技术：vue+elemen-ui原理：数组遍历出input，每点一下push一次。<template> <!-- test 测试使用 --> <div class="test"> <div v-for="(module,index) in modules" :key="index">...
2019-12-19 17:20:11
6260
2
原创 ref、refs、nextTick()
ref、refs、nextTick()ref、refs：// 组件div<navbar ref="navbar></navbar>// 组件Vue.component('navbar',{ template:'#navbar', data:function () { return { id:1, ...
2019-12-18 17:07:46
266
原创 关于element-ui el-backtop返回顶部组件无效问题
关于element-ui el-backtop返回顶部组件无效问题el-backtop绑定的盒子，需要一个滚动样式：overflow-y: scroll;<template> <div id="app"> <router-view /> // 绑定app盒子 <el-backtop target="#app" :vis...
2019-12-18 16:23:39
6822
3
原创 router-link传递对象
router-link传递对象传递：JSON.stringify(obj)}获取：JSON.parse(decodeURIComponent(obj))<router-link :to="{name:'detail', query: {item:JSON.stringify(firItem)}}" target="_blank">{{ firItem.name.r...
2019-12-16 17:21:20
1959
原创 判断对象下所有键值对key-value中value值是否为空？
判断对象下所有键值对key-value中value值是否为空？let obj_v = {a:1,b:2,c:""};if(isObjEmpty(obj_v)) { console.log("该对象value值全部为空！");}// 封装function isObjEmpty(obj) { let flag = true; let arr = Object.keys(obj).m...
2019-11-25 15:09:00
4672
原创 vue路由跳转四种方式以及区别
vue路由跳转四种方式以及区别router-link不带参数:to="{path:'/home'}"> //name,path都行, 建议用name //注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。 ```...
2019-11-25 14:06:05
5278
1
原创 vue项目满足localhost和IP同时访问，又避免启动页面时地址为为0.0.0.0
vue项目满足localhost和IP同时访问，又避免启动页面时地址为为0.0.0.0config/index.jsbuild/webpack.dev.conf.js 下添加：useLocalIp: true
2019-11-07 12:44:35
2311
原创 vue实现F5刷新整个页面无空白无间隔时间
vue实现F5刷新整个页面无空白无间隔时间通过this.$router.go(0)刷新页面，和F5一样，会有空白页时间，体验不好。通过provide/inject即可改变这种效果。首先在App.vue里面：<template> <div id="app"> <router-view v-if="isRouterAlive" /> &...
2019-10-31 16:39:24
5372
1
原创 vuex改变了state的值,但是页面没有更新
vuex改变了state的值,但是页面没有更新当state里属性定义为obj类型时，有时候出现：在其他页面修改完state值之后，其他页面并没有同步更新。这时候需要转换一下。JSON.parse(JSON.stringify(obj))this.$store.dispatch("setGlobalUserInformation",JSON.parse(JSON.stringify(obj)...
2019-10-30 17:57:25
13632
1
原创 Vue实现页面的局部刷新（router-view页面刷新）
Vue实现页面的局部刷新（router-view页面刷新）利用Vue里面的provide+inject组合首先需要修改App.vue。<template> <!-- 公司管理 --> <div class="companyManage"> <router-view v-if="isRouterAlive"></ro...
2019-10-25 16:35:12
15747
2
原创 vue+element+axios文件下载（post类型）
vue+element+axios文件下载（post类型）// 下载 click事件uploadDown() { let url = "company/getBusinessLicenseByCompanyId"; let formData = { id: this.companyMaintainsForm.companyNewsList.id }; this.dow...
2019-10-25 15:57:38
955
原创 JS中将对象转化为数组
JS中将对象转化为数组var obj={"one":"I am 1","two":"I am 2"};d得到key值var arr = Object.getOwnPropertyNames(obj); // arr=["one", "two"] var arr2 = Object.keys(obj); // arr=["one", "two"] 得到value值var valA...
2019-10-23 11:22:34
1356
原创 element表格选中项回显
element表格选中项回显需要利用<el-table>下的row-key属性以及<el-table-column>标签下的:reserve-selection属性。<el-table ref="tableData" class="tableData" :data="tableData.slice((currentPage-1)...
2019-10-23 11:20:24
3033
原创 解决element表格翻页，序号仍从1开始
解决element表格翻页，序号仍从1开始把<el-table-column align="center" fixed type="index" width="60"></el-table-column> 序列这一列代码，修改为：<el-table-column label="序号" fixed width="80" align="center"> ...
2019-10-22 10:54:02
1199
原创 element el-form只有一个input时候回车刷新页面
element el-form只有一个input时候回车刷新页面键盘回车刷新是因为默认执行提交事件，在el-form标签中设置属性@submit.native.prevent，即可。解决办法如下：<el-form @submit.native.prevent size="mini" :inline="true" ref="searchForm" :model="s...
2019-10-22 10:11:57
1091
原创 Uncaught (in promise) 的解决方法
Uncaught (in promise) 的解决方法请求后面加catch(err=>{})即可。this.$axios.post(url,formData).then(res => { }).catch(err => { })
2019-10-18 13:04:25
54835
3
原创 vue项目build之后，dist文件下index.html打开为空白页
vue项目build之后，dist文件下index.html打开为空白页build: {dev: { assetsPublicPath:"./", //资源公共路径 打包时候需要 ./ }}// 运行时候：package.json文件：scripts: { "dev":" --host 192.168.3.45" , // 使用ip地址访问 ，打包时候去掉...
2019-10-18 11:29:21
1009
原创 vue报错 ：NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}
vue报错 ：NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”}main.js中添加：// 处理element NavigationDuplicated 错误import Router from 'vue-router'const originalPush = Router...
2019-10-16 17:24:19
622
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人