自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 数组常用方法

总结一些数组常用方法push向数组后添加元素,返回值为数组的length。会改变原数组let arr = [1, 2, 3]let res = arr.push(4)console.log(res) // 4pop删除数组尾部的元素,返回值为删除的元素。会改变原数组let arr = [1, 2, 3]let res = arr.pop()console.log(res) // 3shift删除数组的头部,返回值为删除的元素。会改变原数组unshift向数组头部添加

2022-01-25 19:49:23 770

原创 字符串常用方法(含部分ES6新增)

检索字符串时候包含特定序列indexOf 该方法是字符串中最常用的,一般使用在判断情况下:查找字符串首次出现的位置,如果找到则返回该字符串的下标值,下标从0开始查找,找不到返回-1.indexOf(“searchValue”, fromIndex)searchValue是要查找的字符串;fromIndex是选填项,表示从那个下标值开始查找例如:let str = 'hello world'console.log(str.indexOf('w')) //6console.log(str.in

2022-01-19 10:20:22 944

原创 整理vuex

mutationmutation用于变更store中的数据1、只能通过mutation变更store数据,不可以直接操作store中的数据。this.$store.state.count++ //不允许这种操作2、通过mutation这种方式,可以集中监控所有数据的变化想要改变count的值,可以:const store = new Vuex.store({ state: { count: 0 }, // 只有mutations中定义的函数,才有权利修改state中的数据 muta

2022-01-16 17:41:38 352

原创 computed和watch

computed1、什么是computed?computed是计算属性。类似于方法,但和方法不同2、computed的原理是什么?当依赖项不变化时不会进行重新的执行,只有变化时才会再次执行计算属性的结果会被缓存,除非依赖的响应式 property 变化才会重新计算。注意,如果某个依赖 (比如非响应式 property) 在该实例范畴之外,则计算属性是不会被更新的。3、为什么有computed?<div>{{message.split('').reverse().join('')}}

2022-01-14 10:38:01 605

原创 elementUI中form表单验证

表单的验证在日常还挺常用的,第一次上手遇见一些问题,记录一下啊想要实现类似功能,首先<template> <el-form label-width="120" :rules="rules" //必备 校验规则 :model="form" //必备 数据源 :ref="form" //必备 需要验证的表单元素节点 inline> <el-form-item label="入组成功奖金"> &l

2022-01-13 11:09:49 922 1

原创 父子组件传值

父子组件传值

2022-01-05 16:19:50 294

原创 去除element-UI表格鼠标悬停背景颜色

element-Ui中内置很多样式,鼠标悬停背景颜色为白色(肉眼觉得是白色),有时候不太合适界面主题背景色,就需要更改默认的悬停背景颜色,作为笔记记录一下。PS:借助了其他大佬的解决方式,感谢分享。.er-table >>> tbody tr:hover > td { background-color: rgba(15,197,243,1)!important; color: #000;}...

2021-06-02 14:34:14 3372 7

原创 vue项目引用Echart报错error:Initialize failed: invalid dom.

Vue项目中引入Echarts组件时报错:“Error:Initialize failed:invalid dom.”找了一圈大佬的博客,发现我根本没有到达那个层次,我遇到的问题竟然是我没有正确引用,我裂开了,前端小白成长血泪史,废话不多说,写篇文章,记录一下。主要是没有理解Echarts组件的引用方法,下面是我的解决方法<div id="a" style="height:80vh;width:100%" ref="b"></div>有两种方式,一种ref的方式let m

2021-05-28 10:53:56 28054 8

原创 vue项目中引用Echart组件

1、先安装echarts包先安装淘宝镜像npm install -g cnpm --registry=http://registry.npm.taobao.org再安装echartscnpm install echarts --save2、全局引入(在main.js中引入)Import echarts from 'echarts'Vue.prototype.$echarts = echarts或import * as echarts from 'echarts'

2021-05-23 17:35:05 211

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除