表单validatefield动态vue

二、Linux 安装nginx 在Linux上安装NGINX的步骤如下： 打开终端（命令行界面）。 使用以下命令安装NGINX： 对于Ubuntu/Debian系统： sudo apt-get install nginx 对于CentOS/RHEL系统： sudo yum install nginx ......

### 组件传值 ``` // 父组件 export default function Tab(props: any) { const [serverUrl, setServerUrl] = useState('https://'); console.log(props); // 父组件接受子组件的 ......

步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......

# 一、安装 ``` npm i mitt ``` ``` pnpm i mitt ``` ``` yarn add mitt ``` # 二、使用 ## （一）、当前组件内使用 ```javascript import mitt from 'mitt' //创建一个事务总线 const emitt ......

比如用axios请求到数据，如果是用的then，那直接赋值给data对象里的属性。但是有情况是需要外部赋值，那就是异步请求的问题，外部打印接收赋值的变量为空，但是then里面打印，并且是带有{__ob__: Observer }，这是vue本身对数组对象的监控器，没什么影响，你赋值那肯定监听，并不是 ......

1.整个表单的校验移除 <Form ref="form" rule={this.rules}> <FormItem prop="name" label="姓名"> <Input/> </FormItem> <FormItem prop="age" label="年龄"> <Input/> </For ......

MacBook 搭建 VUE3 开发环境 作者：IT蜗壳-Tango 2021-11-06 本文字数：552 字 阅读完需：约 2 分钟 最近在看“大圣”老师的《玩转 Vue 3 全家桶》专栏。目前（2021.11.6）还在连载中，今天就一起在 Mac 上搭建一下开发环境。 1. 安装 Node.j ......

通过axios异步获取数据后传值 问题：在项目中一般是通过接口请求到数据后再传递给子级，provide和inject如果直接再调用接口的方法内传值会报警告，而且值也传递不过去。就是说provide()必须在setup根节点处才能使用，在方法里面用是不行的 但是，直接在setup根节点处传递，由于数据 ......

vue3 创建项目的时候卡顿，比较慢 使用 vue3 命令 vue create vue3-element-plus-admin 创建项目时，一直出现卡顿，导致无法创建项目，如下： 解决办法： 1、检查 npm 源： //查看源，可以看到设置过的所有的源 $ npm config get regis ......

## 一、背景 之前在做录制回放平台的时候，需要前端展示子调用信息，子调用是一个请求列表数组结构，jsoneditor对数组的默认展示结构是[0].[1].[2]..的方式，为了达到如下的效果，必须用到 onNodeName的钩子函数，因此深入调研了下vue3如何集成jsoneditor 最后做出来 ......

**qiankun: https://qiankun.umijs.org/zh/guide** **demo源码gitee：https://gitee.com/philippines-kisses-snow/qiankun-demo** > 官方对微应用的说明：通常这种场景下微应用是一个不带路由的可 ......

vue3之跳转页面时判断是否跳转 onBeforeRouteLeave((to, from, next) => ( if (ruleAllChange .value）{ ElMessageBoxconfirm( "数据未保存，请问是否继续跳转？", "确认" {confirmButtonText:" ......

短视频app源码，动态发布限制展示字数长度 1、将富文本html内容转换为纯文本 formatrichtext = (richtext, len = 0) => { let content = richtext.replace(/<.+?>/g, ''); content = content.rep ......

# Vue 项目使用socket.io 使用library *socket.io-client* 或者 *vue-socket.io* npm install socket.io-client || npm install vue-socket.io ## 使用*socket.io-client* ......

需求： 1、element form volid 必填提示框警告2、自动定位到首个未通过校验字段 实现思路：1.validate 校验需要给提交事件添加一个参数 object ； 2.当校验不通过时收集所有未通过字段项提示信息，将其通过 push 方法添加到定义好的数组中（str）；3.通过 thi ......

一、在做完项目之后直接执行npm run build命令，出现空白 1、打包后的dist目录下的文件引用路径不对，会因为找不到文件而报错导致白屏1解决办法：修改一下config下面的index,js中Build模块导出的路径因为index.html里边的内容都是通过script标签引入的，而你的路径 ......

` ` ts的代码： `` 相当于 v-model ` ` 主要是因为 uniapp 的v-model 编译之后无法支持 微信小程序，所以要麻烦很多 转成 :value + @change 来实现 ......

* 正在执行任务: npm run build > selection-tool@1.0.0 build> node build/build.js - building for production...(node:8992) Warning: Accessing non-existent prop ......

1.在命令行中执行：npm install animate.css --save 2.main.js 中： import animated from 'animate.css' // npm install animate.css --save安装Vue.use(animated) 3.使用 <di ......

## 题目：[1049. 最后一块石头的重量 II](https://leetcode.cn/problems/last-stone-weight-ii/) ### 思路： 和昨天的类似，越靠近和的一半剩下的就越少。 ` 相对于 01背包，本题中，石头的重量是 stones[i]，石头的价值也是 s ......

1.新建emoji.jsimport Vue from 'vue'; // 禁止输入特殊字符Vue.directive('emoji', { bind: function (el, binding, vnode) { // 正则规则可根据需求自定义 const regRule = /[`~^!@#$ ......

序章 最近学习 vue.js，期间遇到不少相关网站，特整理于本文。 学习教程 菜鸟教程 https://www.runoob.com/ 阮一峰：Flex 布局教程 语法： https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 实例： ht ......

结构标签 article：标记定义一篇文章 header：标记定义一个页面后者一个区域的头部 nav：标记定义导航链接 section：标记定义一个区域 aside：标记定义页面内容部分的侧边栏 hgroup：标记定义文件中一个区块的相关信息 figure：标记定义一组媒体内容以及他们的标题 fig ......

Vue3 setup 如何添加name 小满zs 2022-11-29 15:5810778 开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第2天，点击查看活动详情 Vue3中name有什么用呢？ 1.在递归组件的时候需要定义name 2.配合keep-alive includ ......

# 本文施工状态 - [x] 单文件的编译 - [ ] 多文件的编译 - [ ] 静态库的编译与使用 - [ ] 动态库的编译与使用 # 本文有什么？ 本文将使用简单的例子介绍如何编译和链接CPP代码，以及这些行为背后发生了什么改变。在此基础上介绍如何编译出静态库和动态库，以及如何使用这些库。适合对 ......

### 1.基本使用 1. 安装vue-router，命令：```npm i vue-router``` 2. 应用插件：```Vue.use(VueRouter)``` 3. 编写router配置项: ```js //引入VueRouter import VueRouter from 'vue-r ......

在vue3中，可以使用vue3的API `defineExpose()`函数结合`ref`或者`$parent`，实现父子组件数据的传递。 # 子组件向父组件传递数据`defineExpose()`和`ref` - 子组件：通过`defineExpose()` 函数，向外暴露响应式数据或者方法 `` ......

最近再一次需要做纯静态页面（无任何脚本语言，只保留 css 和 html），以往我直接使用 ejs 生成，但是工作中一直使用 jsx 和 vue 来组装页面，就突发奇想，难道 react、vue 不能只渲染纯静态页面吗？ 有了这个想法，我就想验证下可行性，万能百度开始，找了一圈，发现基本都是需要脚本 ......

##介绍 官网 https://www.wangeditor.com/ ##安装 ``` yarn add @wangeditor/editor npm install @wangeditor/editor --save yarn add @wangeditor/editor-for-vue@nex ......

一般来说正常使用都是在mounted 函数中 mounted() { this.$nextTick(() => { this.$wow.init() }) } 这样如果是死数据是可以正常出现效果的 但是如果是请求回来的数据是没有效果的 需要改一下生成时机 此处的newList 即为请求的数据 wat ......