基于vue2.0的element-ui的form表单验证比较简单，但是有些同学可能对于数组类型的表单验证无从下手，这里我基于一个我自己项目中的例子，展示一下怎么进行数组的表单验证。项目截图：上代码,为了让大家看起来比较清晰，我删掉了无关的代码：<template><div class="create_send"><el-form ref="refForm" :mode

默认情况下，组件上的 v-model 使用 modelValue 作为 prop 和 update:modelValue 作为事件。我们可以通过向 v-model 传递参数来修改这些名称。正因为可以修改名称，vue3支持在单个组件上，绑定多个不同名字的v-model，来看示例。父组件index.vue：<script lang="ts">import { ref } from "vue

activated和deactivated也是生命周期，是专门为了使用了keep-alive的组件准备的，activated每次组件出现都会调用，deactivated每次组件离开都会调用。实例：activated(){this.loadInfo();//每次进入组件都获取一遍详情},deactivated(){this.dialogVisible = false;//弹窗未关闭，意外离开组件时，

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} context在vue2中，我们通常使用this.$refs.childNode.clickButton()调用子组件方法。vue3中setup也是可以用这种方法，只不过需要用ref小小的处理一下。ref接受一个内部值并返回一个响

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} context通常情况下，我们用props把数据传递给子组件，子组件通过emit把数据传递给父组件。但是当层级比较多的时候，比如祖先组件和重孙组件需要传递数据，而中间的那些组件不需要，用props和emit就显得有些繁琐了，这时候

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} contextemit就是第二个参数的一个属性：下面看一下用例，子组件 renderTest.vue：<script lang="ts">import { h } from "vue"interface Data {[

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} context在setup里边，第一个参数就是props，下面来看示例。子组件propsTest.vue：<script lang="ts">import { toRefs } from 'vue'interface

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} contextemit就是第二个参数的一个属性：下面看一下用例，子组件 renderTest.vue：<script lang="ts">import { h } from "vue"interface Data {[

setup是一个组件选项，在组件被创建之前，props 被解析之后执行。它是组合式 API 的入口。他接受两个参数：{Data} props{SetupContext} context在setup里边，第一个参数就是props，下面来看示例。子组件propsTest.vue：<script lang="ts">import { toRefs } from 'vue'interface

有时我们在项目中可能会遇到连续调两次同一个接口的情况，而我们只需要最后一次的结果。比如用户连续点了两次不同的筛选框，但是服务器返回的时候，第二次那个接口先返回了，那么当第一次点击的接口再返回的时候，就把第二次的结果覆盖掉了，造成数据与筛选框不一致的情况。这个时候，可以用下面的方法，当同样的请求发出时，取消上一个请求：//这个数组用来存储需要在连续调用时，取消上次请求的接口//建议用正则处理一下，不