表单validatefield动态vue

记一次bug。。 由于【甲方负责人】的表单是响应式的，然后直接添加到另一个响应式的数组里了，就会造成【更改表单内容，也会使数组里的值发生变化】 解决方法 1 //添加到列表，做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......

## 说明 需求：实现一个拖拽指令，可在父元素区域任意拖拽元素，同时如果传入的值为 father，则拖拽的时候以父元素为拖拽对象 思路： 1、设置需要拖拽的元素为absolute，其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......

## 安装依赖 首先，你需要安装 xlsx 和 file-saver 这两个库。 ```bash npm install xlsx file-saver --save ``` 有兴趣可以看看两个库的官方说明，直接看下面使用也没问题。 [xlsx 官方介绍](https://www.npmjs.com ......

Refs模板用来获取页面DOM元素或者组件，类似于Vue2.X中的$refs。Refs模板的使用方法如下。 (1)在setup()中创建ref对象，其值为null。 (2)为元素添加ref属性，其值为步骤(1)中创建的ref对象名。 (3)完成页面渲染之后，获取DOM元素或者组件。 src\view ......

考点介绍： 在校招面试中，动态代理相关内容经常出现。AOP的拦截功能是由java中的动态代理来实现的，AOP的源码中用到了两种动态代理来实现拦截切入功能:：jdk动态代理和cglib动态代理。两种方法同时存在，各有优劣。 一、考点题目 1、 JDK 和 JRE 有什么区别？（面试题） 解答：JDK是 ......

链判断运算符的安装 在vue项目中使用es6新的[运算符]（例如链判断运算符，null判断运算符）会报错，编译不成功需要安装babel依赖,并添加到babel.config.js中。 1.安装依赖 //NULL判断运算符 ?? npm install @babel/plugin-proposal-n ......

1. vue3页面传参 方式一 <div><router-link :to="/">首页</router-link></div> <div><router-link :to="{path:'/news/detail',query:{id:1}}">详情</router-link></div> <di ......

#include <iostream> #include <vector> #include <string> #include <algorithm> int main() { std::vector<std::string> myVector; // 创建一个空的vector<string> s ......

依赖注入就是父组件向后代组件传递数据，可以向子组件传递数据，也可以向孙子组件传递数据。 在父组件中使用provide()函数，向后代传递数据。 在后代组件中使用inject()函数，获取传递过来的数据。 provide()​ 提供一个值，可以被后代组件注入。 inject()​ 注入一个由祖先组件或 ......

``` // 动态修改浏览器图标 getIcon() { // this.favicon 是浏览器图标的地址 或者路径 if (this.favicon) { let link = document.querySelector("link[rel*='icon']") || document.cre ......

## 前言 前阵子和朋友聊天，他手头上有个spring单体项目，每次数据库配置变更，他都要重启项目，让配置生效。他就想说有没有什么办法，不重启项目，又可以让配置生效。当时我就跟他说，可以用配置中心，他的意思是因为是维护类项目，不想再额外引入一个配置中心，增加运维成本。后边跟他讨论了一个方案，可以实现 ......

# el-autocomplete核心参数 可以实现异步的数据拉取，从异步返回的数据中，选择需要的结果，并回显到文本框中。 ## fetch-suggestions 回调列表，异步的方式获取数据列表，显示在列表框中 ## @select 当选中某一项时，会触发这个方法，将数据获取到，这时，我们可以将 ......

watch()​ 侦听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数 <template> <span> <p>{{num}}</p> <p>{{num2}}</p> <button @click="num++">+1</button> <button @click="addNum">+ ......

Vscode使用版本 下载这个插件 ......

使用setup的情况下这个时候我们无法使用this，注意在setup中setup是封闭的，不会将子组件事件暴露出来，所以要用defineExpose()，将需要在父组件调用的函数暴露出去，子组件代码如下： ``` 哈哈哈哈 ``` 父组件： ``` import { ref, onMounted } ......

<template> <span> <p>普通属性:{{num}}</p> <p>计算属性-只读:{{numAdd}}</p> <p>计算属性-可读写:{{numAdd2}}</p> <button @click="numUpdate">修改普通属性</button> <button @click= ......

1.Person.vue <template> <div> <h1>人员列表</h1> <h1 style="color: red;">Count 组件的求和为{{ sum }}</h1> <input type="text" placeholder="请输入名字" v-model="name">< ......

一般是要求在对数时间完成查询，或是索引链接过长，迭代步数太多 ###1. [树节点的第K个祖先](https://www.cnblogs.com/929code/p/17473917.html) ###2. [在传球游戏中最大化函数值](https://www.cnblogs.com/929code ......

1. Count.vue <template> <div> <h1>当前求和位{{ sum}}</h1> <h1>当前求和放大10倍后是{{ bigSum }}</h1> <h1>我在{{school }},学习{{ subject }}</h1> <select v-model.number="n ......

在开发中，通常会把一些静态资源放在assets文件夹下，但是assets目录下的内容是需要vite编译打包的，所以如果只是引用assets目录下的资源时，使用绝对路径、相对路径均可。 但是，在开发中，我们经常会引用一些不被打包的资源，此时该资源是放在 public 目录下的，那么在引用时，路径的写法 ......

# 【引言】 - 在我们平时都会因为想要共享系统本地的文件而发愁 - 同时也会因为分享文件的不便利性，苦恼不已。 - 偶然间我发现一个神奇的思路。 - Alist - 一个文件列表程序，支持多个存储，并支持Web浏览和webdav，由gin和Solidjs提供支持。 - 重点：免费! - Nginx ......

假设用户登录，在地址栏输入了Login，人性化的设计应该自动回到home页面。或者用户输入不存在路由，也应该回到home页面。 这个时候需要用到vue-router的导航守卫功能。 在我们封装的router.js文件下添加router.beforeEach…… const router = crea ......

在动态博弈中，行动有先后次序；在不完全信息条件下，博弈的每一参与人知道其他参与人的有哪几种类型以及各种类型出现的概率，即知道“自然”参与人的不同类型与相应选择之间的关系，但是，参与人并不知道其他的参与人具体属于哪一种类型。由于行动有先后顺序，后行动者可以通过观察先行动者的行为，获得有关先行动者的信息 ......

1，字符串数组去重的方法 一、使用set结构去重 set是ES6中的一种数据结构，可以去除重复元素，其特征为无序且不重复，经常用于数组去重的场景。 let arr = [1, 2, 2, 3, 3, 4, 5]; let set = new Set(arr); arr = Array.from(se ......

fullcalendar动态获取数据，包含上一个下一个 周视图 月视图 我知道的三种绑定数据的方式： 1.直接赋值一个数组[] 2.使用url，它会自动加上start和end参数 events: "/api/demo-feeds/events.json?overload-day" 3.使用方法包装 ......

可拖动排序的列表 drag-list，这个比较简单易懂，拿例子直接运行看效果就好了。 组件代码： 1 <template> 2 <ul class="list" ref="parentNode" @dragstart="onDragStart" @dragover="onDragOver" @dra ......

Options Api Options API，即选项API，即以vue为后缀的文件，通过定义methods，computed，watch，data等属性与方法，共同处理页面逻辑 如下图： Composition Api 在 Vue3 Composition API 中，组件根据逻辑功能来组织的，一 ......

mounted() { window.onresize = () => { return (() => { this.$nextTick(() => { if(document.documentElement.clientWidth <= 1000){ this.mode = "vertical" ......

1.JObject 动态添加字段； var jsonObject = new JObject(); foreach (var key in Keys) { jsonObject.Add(key, value); } jsonObject.Add("*****", "1"); 2. List<JObj ......

全文链接：https://tecdat.cn/?p=33511 根据报告合集显示，在消费者的亲友分享、社交平台、订单评价等环节，00后表现出活跃的参与度，而90后和95后在部分环节也较为活跃。相比之下，70后和80后在分享中的参与度最低，主要以亲友分享为主。阅读原文，获取专题报告合集全文，解锁文末3 ......