【代码】前端常用的上传下载文件的几种方式，直接上传、下载文件，读取.xlsx文件数据，导出.xlsx数据。

$.ajax()代码模板jQuery实现ajax语法为：$.ajax({})，其中{}为对象，对象里面的key键是固定的，比如:1、type: 表示请求方式，一般为post或get2、url表示请求的地址3、contentType表示发送信息至服务器时内容编码类型4、data表示发送到服务器的数据5、dataType表示预期服务器返回数据的类型如：text，json，xml等等类型6、succes

vue ts 子组件使用Emit给父组件传值在子组件:中使用 this.$emit(‘getChildInput’,value)函数给父组件传值，父组件:使用 @getChildInput="getChildInput"来接收传过来的值，其中"getChildInput"为接收的方法，需要自己定义，其中参数为子组件传过来的值，具体用法见代码实现。子组件<template><div

vue2.0 ts父组件使用ref调用子组件的方法和值父组件中用ref绑定子组件，然后通过this.$refs.名字就可以获取子组件的值或调用相关方法。父组件<template><div><div class="parent"><h1>父组件名字:{{parentName}}</h1><a-button type="primary"

一、setup()函数通过ref获取子组件的值或方法父组件<template><div><Child ref="childRef" /></div></template><script lang="ts">import { onMounted, ref, reactive, nextTick, toRefs, computed

Provide / Inject的定义Provide / Inject： 父级组件向其所有子孙后代注入一个依赖（@Provide ），不论组件层次有多深，都可以通过（@Inject）接收父级组件传过来的任何类型的值，并在其上下游关系成立的时间里始终生效。最近在写项目的时候，常需要对多个子组件的表单进行编辑/查看模式的切换，一开始用Prop进行传值进行控制，当组件多的时候使用Prop还是挺繁琐的，这

一、页面效果图二、父组件代码<template><div class="user-box"><div><h2>父组件:</h2><p>propRef：{{ propRef }}</p><p>propReactive：{{ propReactive }}</p></div><

Vue3的setup()函数的Prop、Emit、Computed、WatchEffect、Watch、Provide/Inject用法

最近对对象相关操作处理比较多，然后发现对象还可以这么玩let student = { id: 1, name: '学生1', class: '001' };//通过student['对象新的属性key']来给对象添加新的属性student['sex'] = '男';student['age'] = 18;console.log(student);//通过delete可直接删除对象的属性delete

最近通过对对象相关知识的深入学习，我发现对对象的遍历主要分为两种情况，一种是在页面中遍历，另外一种是在方法中遍历对象，现在我们就从这两种情况分别来遍历对象获取对象的key和value。情况一：在页面中遍历对象获取对象的键和值定义一个变量obj:object={a:1,b:2,c:3};//用于在页面中调用在页面中使用v-for遍历出对象的key和value<div><h1>