- 博客(19)
- 收藏
- 关注
原创 vue中父组件异步数据通过props方式传递给子组件,子组件接收不到的问题
vue中父组件异步数据通过props方式传递给子组件,子组件接收不到的问题问题描述组件化开发中经常用到父子组件的通信,父传子子传父等数据的操作,如果父组件的数据是发请求从后端获取的异步数据,那么父组件将这个数据传递给子组件的时候,因为是异步数据,就会出现父组件传递过去了,但是子组件mounted钩子初始情况下是接收不到的问题。本篇文章记录了一下这个问题的解决方案。在说这个问题之前,我们先来回顾一下父子组件的生命周期父子组件生命周期执行顺序加载渲染数据过程父组件beforeCreate -
2022-05-24 22:22:56
9897
5
转载 vue中父组件异步数据通过props方式传递给子组件,子组件接收不到的问题
转载https://segmentfault.com/a/1190000040152917
2022-05-24 14:27:52
316
原创 js 将一个数组中的部分字段,添加到另外一个数组中
js 将一个数组中的部分字段,添加到另外一个数组中原来的data数组截取部分字段 var area = [] data.forEach((item) => { area.push({ areaCode: item.id, areaName: item.name }) })结果{“area”:[{“areaCode”:“340129”,“areaName”:“高新区”},{“areaCode”:“340128”,“are
2022-05-24 11:46:14
2060
原创 js修改对象数组中的对象属性名
js修改对象数组中的对象属性名将数组中所有id变为code,所有title变为name<script>const list = [{ id: 'a', title: 'A'}, { id: 'b', title: 'B', children: [{ id: 'c', title: 'C' }, { id: 'd', title: 'D' }]}]</scr
2022-05-24 11:43:04
3744
原创 query和params传参区别
query和params传参区别传参可以使用params和query两种方式params传参只能用name来引入路由query传递显示参数(url那里),params传递不显示参数,参数在请求体内,params相对于query来说较安全一点query传值页面刷新数据还在,而params传值页面数据消失this.$router.push传递参数有2种方式:传递参数 – this.$router.push({path: ’ 路由 ', query: {key: value}})参数取值 – t
2022-05-19 15:22:48
5759
1
原创 将乱序字母按A-Z顺序排序
将乱序字母按A-Z顺序排序const cityObj = {}; for(let i = 65;i<=90;i++){ if(this.groupCity[String.fromCharCode(i)]){ cityObj[String.fromCharCode(i)] = this.groupCity[String.fromCharCode(i)] ; }
2022-05-19 14:55:17
321
原创 JS将一个数组分成几个小数组
js将一个数组分成多个数组1 将数组array分成长度为subGroupLength的小数组并返回新数组function group(array, subGroupLength) { let index = 0; let newArray = []; while(index < array.length) { newArray.push(array.slice(index, index += subGroupLength)); }
2022-05-19 14:51:05
2672
原创 Object.assign用法
一、Object.assign是什么?首先了解下Object.assign()是什么。我们先看看ES6官方文档是怎么介绍的? Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 简单来说,就是Object.assign()是对象的静态方法,可以用来复制对象的可枚举属性到目标对象,利用这个特性可以实现对象属性的合并。二、用法: Object.assign(target, ...sources) 参数: target---&g
2022-05-11 18:20:51
149261
10
原创 JavaScript学习--splice()函数详解
splice()函数详解splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。注释:该方法会改变原始数组。参数:index —— 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。howmany —— 必需。要删除的项目数量。如果设置为 0,则不会删除项目。item1, …, itemX —— 可选。向数组添加的新项目。返回值Array —— 包含被删除项目的新数组,如果有的话。一、情况一(只有一个参数)splice(index) ——
2022-05-11 13:55:33
26942
2
原创 Object.keys()的用法
1、语法Object.keys(obj)参数:要返回其枚举自身属性的对象返回值:一个表示给定对象的所有可枚举属性的字符串数组2、处理对象,返回可枚举的属性数组let person = {name:“张三”,age:25,address:“深圳”,getName:function(){}}Object.keys(person) // [“name”, “age”, “address”,“getName”]3、处理数组,返回索引值数组let arr = [1,2,3,4,5,6]Object
2022-05-07 11:24:53
2457
原创 vue中is属性的用法
vue中is属性的用法受html语法限制,ul、table、select等元素只能包涵特定的子元素 <ul> <li></li></ul>用以下方法渲染会报错<ul> <my-component></my-component> <my-component></my-component></ul>于是用is属性可以满足要求 <ul> <l
2022-05-07 11:13:36
518
原创 浅析router.addRoutes
浅析router.addRoutes最近阅读vue-element-admin的权限验证源码时碰到了router.addRoutes这个方法不得其解,查阅官方文档得到的解释是:router.addRoutes函数签名:router.addRoutes(routes: Array)动态添加更多的路由规则。参数必须是一个符合 routes 选项要求的数组。但什么是更多动态规则?符合routes选项的要求的数组又长什么样?下面用代码来解释Part1 基本使用:现在我们有一个非常普通的路由,
2022-05-06 13:52:44
390
原创 JS复制对象赋值给另一个对象
JS复制对象赋值给另一个对象1. for in 遍历对象formItem: { name: '', //项目名称 people: '', //拓展人员 startScore: '', //项目评估分数范围-开始 endScore: '', //项目评估分数范围-结束 },for(let key in result){ this.searchItem[key]=result[key]; }...
2022-04-29 15:24:38
273
原创 JS里&&、||运算符的使用
前端学习:JS里&&、||运算符的使用&&:&&会从左到右执行表达式,直到某个表达式的运行结果返回false,或者可以转化为false,则返回该表达式的运行结果作为整个&&表达式的运行结果;如果所有表达式的直接结果均为true,则返回最后一个表达式的执行结果作为整个&&表达式的结果。console.log('a' && 'b') // bconsole.log(1 && 2 &&
2022-04-28 14:37:03
587
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人