logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react--props校验

之后可以使用flow或TypeScript对整个应用程序做全局检查。1、安装属性校验包yarn add prop-types2、导入prop-types包import PropTypes from 'prop-types'3、使用使用场景一:为函数添加propTypes校验使用组件名.prop-types={}来给组件List的props添加校验规则为组件添加propTypes,并通过PropTy

文章图片
#react.js#typescript#javascript
react三大核心属性

react三大核心属性之state1、state是组件对象最重要的属性,值是对象(可以包含多个key-value的组合)2、组件被称为“状态机”,通过更新组件的state来对应更多的页面显示(重新渲染组件)3、react核心理念状态不可变(专业!!)class MyComponent extends React.Component{constructor(props){super(props)th

文章图片
#react.js#前端#reactjs
react生命周期

组件生命周期-挂载阶段执行时机:组件创建时(页面加载时)constructor-创建组件时,最先执行-作用:1、初始化state 2、创建ref 3、使用bind解决this指向问题render-每次组件渲染都会触发-作用:渲染UI(注意:在render内部不能调用setState())**componentDidMount-组挂载后(DOM渲染完成)-作用:1、发送网络请求 2、DOM操作组件生

文章图片
#react.js#javascript#前端
报错Another git process seems to be running in this repository, e.g.an editor opened by ‘git commit‘.

在git上传到远程仓库的时候会出现这种报错Another git process seems to be running in this repository, e.g.an editor opened by 'git commit'. Please make sure all processesare terminated then try again. If it still fails, a

文章图片
#前端#git
git快速创建多个文件夹和文件

小目标:创建多个文件夹1、首先切换到想要创建文件夹的位置,点击右键,git Bash Here打开终端,输入下面一串$ mkdir departments employees setting salarys social attendances approvals permission就可以看到文件夹了2、在上面相同的终端,输入以下touch departments/index.vue emplo

文章图片
#前端#vue.js
vue数据存储到本地

监听数据改变 得到一个新值并把新值保存到本地watch: {list: {deep: true,handler(newVal) {localStorage.setItem("list", JSON.stringify(newVal));},},},在数据中可以取出保存到本地中的值 注意这个值是字符串形式 需要进行转换list: JSON.parse(localStorage.getItem("li

文章图片
#vue.js#javascript#前端
vue表单数据提交

如何提交表单数据://1、首先验证表单,true则可以通过,false不能通过//2、写接口提交表单数据//3、关闭弹窗//4、让数据立即显示在页面上//1、await this.$refs.formRef.validate()//2、try {await addDepartment({...this.formData,pid: this.treeNode.id})Message.success(

文章图片
#vue.js#前端
Cannot read properties of undefined (reading ‘focus‘)“

出现这个的原因是获取的元素没有出来 等同于undefined.foucus以ref获取元素为例this.$refs.ipt.focus()直接写该代码会报错解决办法一:在外面加定时器解决办法二:$nextTick<template><div><button v-if="isShow" @click="tabFn">按钮</button><inp

文章图片
#javascript#vue.js#elementui
vue表单数据回显

现在需要实现的功能是:1、子组件点击编辑按钮2、传入父组件实现编辑功能3、在弹出层中根据点击的id回显对应的数据编辑回显treeTools.vue当点击编辑按钮,触发父的编辑事件,传入数据this.$emit('editDpts', this.treeData)index.vue<TreeTool:tree-data="data"@addChangeDepart="addChangeDepa

文章图片
#前端#vue.js
到底了