4 ༺༂鑫༒海༂༻

尚未进行身份认证

我要认证

You’ll never realize how strong you are until you have no other choice but to be strong<br>你永远都不会知道自己到底有多坚强,直到有一天你除了坚强别无选择。

等级
TA的排名 6w+

vue使用递归组件实现多级列表

一、背景需求在页面上渲染一个多级列表的时候,数据往往也具有多个层级例如:数组的每个元素都是一个对象,对象中的value可能是一个数组{ "ret": true, "data": { "sightName": "大连圣亚海洋世界(AAAA景区)", "bannerImg": "", "categoryList": [{ "title": "成人票", "children": [{ "title": "成人三馆联票",

2020-08-03 18:57:13

vue-cli混入(mixins)的理解和使用

理解最近在开发项目过程中,发现了混入(mixins)这个好东西,于是乎就开始研究,发现很不错,不仅可以省好多代码,而且方便维护。个人理解的混入就是在一个公共的实例中写入公共的数据或者方法,这样的话vue会自动注入到(全局混入会注入到每一个组件的实例中)(单页面引入的会注入到引入的组件中)。混入的对象也就是minxin中可以写入的内容包含任意组件选项*******(也就是说你在export default {}里边的内容都可以混入)有一种类似公共的方法的感觉,但是可以写公共的data里边的数据,这一

2020-08-03 15:48:58

在sessionStorage中存数据和获取存储的数据

简单的写一下:setItem中的i是大写字母的I注意存储:sessionStorage.setItem('key', 'value')getItem中的i是大写字母的I注意获取:sessionStorage.getItem('key')sessionStorage.key(int index) //返回当前 sessionStorage 对象的第index序号的key名称。若没有返回null。sessionStorage.getItem(string key) //返回键名(key)对应的

2020-07-15 11:05:45

(神奇的 ::v-deep):vue+elementUI中elementUI的默认样式修改的问题

<style scoped>.right-tabbox-newnotice /deep/.el-tabs__nav-wrap::after { position: static !important; }或者.right-tabbox-newnotice >>>.el-tabs__nav-wrap::after { position: static !important; }</style>/deep/.el-tabs_

2020-07-01 21:37:41

vue中使用骨架 vue-skeleton-webpack-plugin

1、调试的时候可以在浏览器中修改network为slow 3g这样加载的时间就比较长一、安装webpack插件npm install vue-skeleton-webpack-plugin二、创建模板文件如果不同的路由界面显示不同的模板可以创建过个模板文件,我在src文件夹下面创建了三个文件Skeleton1.vue<template> <div class="skeleton-wrapper"> <header class="skel

2020-06-30 19:58:32

JS处理json数据的方法总结,包括增、删、改、查、合并、去重的处理

一、首先定义一个json对象如下:var student = [ {name:"an",age:12}, {name:"bn",age:13}, {name:"cn",age:14}, {name:"dn",age:15}]; var a = [ {name:"tina",age:14}, {name:"timo",age:15}, {name:"lily",age:16}, {name:"lucy",age:16}]; var

2020-06-30 17:31:25

vue2中隐藏elementUI的某一个tab栏

需求: 是根据不同的表格数据显示不同的tab选项卡,让其他的不显示<template> <el-tabs v-model="activeName" @tab-click="handleClick" ref="tabs"> <el-tab-pane label="用户管理" name="first">用户管理</el-tab-pane> <el-tab-pane label="配置管理" name="second">配置管理&

2020-06-22 19:29:35

在项目中git新建分支 删除本地分支和合并分支

补充:该命令相当于同时执行了git branch dev和git checkout dev,前者是创建新分支,但并不切换过去;后者是切换到指定分支,并将本地代码也切换成指定分支的代码

2020-05-27 11:26:19

vue+elementUI中表格高亮或字体颜色改变

重点的代码::row-style="setRowStyle"这个属性就是在table标签绑定的:row-style="setRowStyle"setRowStyle(row) { if (row.row.isPart == true) { return 'color:blue;' } },具体代码:hmtl<el-table width="100%" :data="gridData" border fi

2020-05-09 11:24:41

Vue 异步请求适合放在哪个生命周期里调用?

得看实际情况;一般在 created 里面就可以,如果涉及到需要页面加载完成之后的操作话就用 mounted;created 阶段的优势是:请求时间比较早,页面 loading 时间相对较短;(调用异步请求最佳,用户就越早感知页面的已加载)mounted 阶段的优势是:页面已经渲染完成,如果想请求之后进行 DOM 操作的话,必须在 mounted 阶段发起请求...

2020-05-07 15:42:15

js数组根据指定字段(true or false)排序

const apost = [{name:'1',selement:true},{name:'2',selement:false},{name:'3',selement:true},{name:'4',selement:false},{name:'8',selement:true},{name:'9',selement:false}]apost .sort((a, b) =>...

2020-04-30 16:45:10

JS 数组求和的5种方法

1.递归function sum(arr) { var len = arr.length; if(len == 0){ return 0; } else if (len == 1){ return arr[0]; } else { return arr[0] + sum(arr.slice(1)); }}...

2020-04-30 14:16:30

vue项目中关于Error in nextTick: "TypeError: Cannot read property 'reduce' of null"报错问题

前提最近刚接手同事的vue+element项目,就碰到了一个困扰了许久的bug,bug如标题所示,报错“ Cannot read property ‘reduce’ of null" 。 google了许久,发现跟这相关的解决手段很少,所幸最后还是解决了,这里简单记录下。问题分析问题的由来是:同事在测试环境用npm run build:test打包成的dist目录,可以正常运行无异常,而当我...

2020-04-15 09:28:01

javascript判断页面是首次加载还是刷新

1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用)if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 }else if(window.name == "isReload"){ con...

2020-04-10 14:02:38

前端对于断网的处理方法(js和vue)

在很多场景下,只有机器已经联网以后,web应用才能启动。如果没有联网,就会提示错误。、但是机器有时候要重启。 如果机器重启后,立刻启动web应用的话,可能,机器上的网络服务还没有准备好。方法一:navigator.onLine (HTML5属性)if (navigator.onLine) { //正常工作console.log('正常联网')} else { //执行离线状态时的任...

2020-04-01 09:21:58

Element-ui 中table 默认选中 toggleRowSelection

这个问题在我的项目中也遇到过,我之前的博文有提到,但现在还是单独写一下的比较好,废话不多先上效果图:说明:输入以后点击回车键就请求接口,然后查出相对应的这条数据并且前面勾上,代码: this.$refs.multipleTable1.toggleRowSelection(this.workorderData.find(d => d.workSheetCode === this.wor...

2020-03-30 16:07:44

Vue-Element的show-overflow-tooltip属性使用后空属性值鼠标移动上去提示一个黑色悬浮框

Vue-Element的show-overflow-tooltip属性使用后空属性值鼠标移动上去提示一个黑色悬浮框 <el-table-column align="center" prop="productName" label="产品名称" min-width="200" show-overflow-tooltip> <...

2020-03-23 15:42:25

vue中页面上的input框自动获取焦点

这个问题看了网上的一些资料有一定的帮助,但我还是想把我用的方法记录想来。代码:<el-input v-model="ghStats.authCode" ref="gain" @keyup.enter="onSubmit" autofocus="autofocus" ></el-input>this.$nextTick(() => { ...

2020-03-18 20:02:13

vue中定时器设置和关闭页面时关闭定时器

我看了别人写的博客关于设置和清除定时器都比较复杂,我感觉其实很简单的几行代码就好。把我的写法记录一下。methods中setTime() //设置定时器{ this.clearTimeSet=setInterval(() => { this.webSocketClientOnopen(); }, 1000);},clearTime() //清除定时器{ cl...

2020-03-15 19:18:44

非网络引用element-ui css 用link来引用element-ui css导致图标无法正常显示的解决办法

原因官方推荐的css及js引用方式如下:<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui@1.4/lib/theme-default/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/eleme...

2020-03-10 11:17:09

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。