I 慎独-CSDN博客

原创 vue中this.$set()的用法----更新数组和对象的值

我们先看看官网给出的解释：1、更新数组:我们有一个数组，包括人员姓名和人员年龄两个属性。想要实现在页面刚加载的时候改变姓名为李四的人的信息。首先我们想到的是在mouted函数中直接修改name为李四的人的信息this.itemList[1] = { name: '李思思', age: 30 } console.log(this.itemList[1]);但是这时候控制台打印的数据更新了，但是页面视图却没有更新。这时候我们就..

2021-10-21 20:53:58 31421 1

原创 vue中this.$nextTick详解

首先，我们看一下官网给出的解释：接下来，我们用一个实例来体现它，废话不多说，直接上代码：<template> <div> <h3 ref="innerRef">{{test}}</h3> <Button type="primary" @click="changeInnerVal">点击修改</Button> </div></template><script&gt

2021-10-21 19:28:28 699

原创高端ES6，向大咖进阶

// 1、从对象Object中取值 const obj = { a: 1, b: 2, c: 3, d: 4, e: 5, }; // 常规写法 // const a = obj.a; // const b = obj.b; // const c = obj.c; // const d = obj.d; // const e = obj.e; // console.log(a.

2021-10-13 19:36:58 148

原创 element-UI中el-tree默认样式选中和复选框的回显

<el-tree ref="refTree" :data="treeData" show-checkbox node-key="id" highlight-current :props="defaultProps" default-expand-all :expand-on...

2021-10-13 18:55:31 1130

原创 for循环、forEach、for in 、for of 、map、filter的用法及区别以及js知识点总结

// 1、for循环：for循环是成熟且稳定的JS语法，可以很多复杂的环境中运行，当大量数据及复杂逻辑的时候，for循环性能最佳，它能通过每个属性的 i 去针对性查找 let arr1 = [1, 2, 3, 4, 5, 6]; let newArr1 = []; // for循环 for (let i = 0; i < arr1.length; i++) { newArr1.push(arr1[i] * 2); } console.lo..

2021-10-13 15:33:48 236

原创 el-tree页面跳转记录滚动条位置

上一期记录了页面记录滚动条的位置，在做el-tree的同步滚动条位置的时候又有一种做法，在此更新，希望对大家有所帮助。实现思路：el-tree的每一级的高度是26px，我们只要算出我们要同步的滚动的那一级层级，然后根据第几层级在乘以每一级对应的高度，然后把这个高度设置给当前页面的滚动条位置即可。...

2021-07-20 15:12:04 775

原创 el-tree设置默认选中节点

用途：可以在初始化默认选中树组件，或者在页面跳转的时候同步上一次选中的设备。话不多说，上代码。第一个页面：在树组件的点击事件我们可以得到当前选中的设备的标识值，例如id然后由页面1跳转到页面2需要路由跳转，这时候就用路由传递参数。在页面2中接收传递的参数：在页面2中定义一个字段并在在mouted中完成对传递参数的赋值：因为我们要在页面2中同步设置树组件选中的值，所以我们先要等页面2中树组件的数据加载出来。然后使用递归函数判断是不是树的最后一级，这个...

2021-07-20 15:07:22 6399

原创 vue记录页面滚动条的位置

在开发过程中，会遇到记录页面滚动条位置的需求，正好项目遇到，就随手做个笔记。实现原理：先在第一个页面中算出滚动条的位置，会有一个高度，然后把这个页面的滚动的高度在第二个页面动态给滚动条位置赋值即可。话不多说，上代码。第一个页面里：this.elTreeMonthScrollTop为要同步位置的滚动条的高度。在第一个页面拿到了以后，要在第二个页面使用，首先得把它传到第二个页面，这个根据实际情况来决定。我这里使用的vue的路由传参。第二个页面里：动态给第二个页面的滚...

2021-07-19 17:16:01 1293

原创 JavaScript数组方法

javaScript的数组方法有很多，下面只是对常用的方法进行总结：因为涉及到要重复定义arr和res变量的情况下，定义的变量实在太多，就在写完一个方法的demo以后，对其进行了注释，方便下次还可以使用arr和res变量。...

2021-07-18 12:50:22 127 1

原创 javascript的字符串方法总结

1.split() 把字符串分割成数组，返回分割后的数组 2、search() 在字符串中查找指定的字符，或在字符串中查找满足正则表达式的字符,找到则返回所处下标，否则返回-13、match() 在字符串中查找指定的字符或一个或多个满足正则匹配的字符或子字符串，返回存放匹配结果的数组 4、replace() 替换字符串中的字符或替换满足正则匹配的字符或子字符串,返回替换后的结果5、slice(start,end) 截取指定位置的字符,不包含结束位置的字符,返回截...

2021-07-18 11:44:45 68

原创 vue中如何配置alias别名

众所周知，vue项目中当组件多的时候，以../的形式引入文件就会特别麻烦，所以设置alias别名的方式：上代码：在vue.config.js中配置：chainWebpack: config => {config.resolve.alias.set("css", path.join(__dirname, "src/assets/css")).set("font", path.join(__dirname, "src/assets/font")).set("img", path

2021-04-30 11:50:53 2032

原创处理vuex刷新页面数据丢失

vuex中处理页面刷新后数据丢失的问题：大家用vue开发的时候，经常会用到vuex状态管理，这就出现了一个问题，当我们刷新页面之后，保存在vuex实例store里的数据会丢失。1、产生的原因：因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2、解决问题：一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的数据保存一份到本地存储(localStorage

2021-04-30 11:26:04 130

原创 css网页布局的方式

前言：这篇文章适合刚刚接触前端的小白，大神勿见笑：1、单列布局html: <div class="top"></div> <div class="main"></div> <div class="foot"></div>css: *{

2018-12-27 12:11:14 241

原创浅谈float和display:inline-block

1、首先先解释下display的几个属性：inline,block,inline-block;(1)inline: a、把元素变成行内元素，也就是它可以和其它的元素共占据一行。 b、元素的大小由其内容自动撑开，其宽高是不可修改的。 c、可以使用margin、padding,top,bottom产生边距。 eg: <span&g...

2018-12-26 16:28:03 435

qq_41904178的博客