溪水里的石头-CSDN博客

原创 vue中使用el-form表当校验失效，表单校验不起作用

我这个vue文件中存在多个表单，通过v-if判断，来依据步骤显示不同的表单，其中一个表单也有表单校验。那个表单校验是没问题的，看文章是因为表单渲染问题，表单没有从新渲染所导致的。今天开发中遇到这样一个问题，给签约功能表单增加表单校验，给每个表单输入项增加必填校验，结果只有最后一个手机号有必填校验，其他都失效了，没有起作用。开始我以为校验项是否哪里写错了，我一一对比，发现并没有哪里有问题，就是不生效，奇怪了。解决方法就是给每个表单增加一个不同的key，增加后问题确实解决了。

2024-08-30 09:23:52 350 1

原创什么是节流？

我们都知道防抖是在最后一个人上车之后再进行计时（可以先看我写的什么是防抖函数），一段时间后没有人上车就发车，而节流则类是于准点发车的公交车，即一段时间后就发车，中途有人上车也不会像防抖一样进行重新计时。常用的场景有：窗口调整，页面滚动，抢购疯狂点击例如：下面这个例子，我们每点击一次按钮，数字就会进行加一，我们点击多块，数字就会变多块，这有时不是我们想要的，比如点抢购物券，因为这样我们可以加一个恶意程序，进行多次点击，这时候就很浪费性能<div id='oDiv'>0</d

2022-04-01 12:53:59 178

原创什么是函数防抖？

1，什么是防抖？防抖函数就是在函数需要频繁触发的情况时，只有足够空闲时间，才执行一次。类是于公交车在站台上，乘客上车，当最后一个乘客上车后进行计时，一段时间内，如果有乘客上车，就重新计时，直至计时时间内没乘客上车了，就发车。普遍用于搜索框：没有进行函数防抖：<input type="text" id='app'></inpue><script> var oInp = document.getElementById('app'); functio

2022-03-31 22:49:11 792

原创 vue组件之间的通信方式

父子组件通信绝大部分vue本身提送的通信方式，都是父子组件通信prop最常见的组件通信方式之一，由父组件传递到子组件event最常见的组件通信方式之一，当子组件发生了某些事，可以通过event通知父组件。style和class示例父组件：<template> <div id="app"> <HelloWord style="color:red" class="hello" msg="Welco

2022-03-28 13:26:04 144

原创虚拟DOM

面试题：请你阐述一下你对vue虚拟DOM的理解1，什么是虚拟DOM？虚拟DOM本质上就是一个普通的JS对象，用于描述视图的界面结构。在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟DOM树，这也就意味着每个组件都对应一课虚拟DOM树。２，为什么需要虚拟DOM？在vue中，渲染试图会调用render函数，这种渲染不仅发生在组件创建时，同时发生在试图依赖的数据更新时。如果在渲染时，直接使用真实的DOM，由于真实DOM的创建，更新，插入等操作会带来大量的性能损耗，

2022-03-26 20:22:47 243

原创 node.getIterator is not a function

出错原因：做一个移动端的项目，安装了postcss-px2rem,同时安装了vant插件，在全局引入时，main.js导入vant样式文件报错以上错。百度出错原因是因为postcss-px2rem解决方案：卸载postcss-px2rem，下载postcss-pxtorem，postcss-pxtorem也是一款postcss插件，用于将css单位转化为rem,用于移动端适配，同时在postcss.config.js设置如下代码，没有这个文件可以自己创建该文件夹。const aut...

2022-03-20 17:18:45 5452 2

原创 vue2安装vue-router时报错

在安装的过程中报错，报错内容如下：后面百度，报错原因是版本兼容问题，说是npm版本问题，最新版本对下在要求比较严格。解决方法：根据错误提示，在命令行中加入–legacy-peer-deps，同时标明具体安装的版本号，不然安装的就是最新版本。npm install --legacy-peer-deps vue-router@3.5.2安装成功后在package.json文件中可查看是否安装成功。问题就解决了。...

2022-03-07 19:29:12 1132 1

原创 router中的mode和base

在vue的路由对象中有两个属性，mode(模式)，base(基路径)。mode模式有两种模式，vue-router默认是hash模式，使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会进行重新加载。另一种模式就是history模式，而history模式是利用h5 history.pushState API 来完成 URL 跳转，无须重新加载页面。两种模式下的url地址也是不一样的，在hash模式下，url地址为（http://www.***.com/#/h

2022-03-07 11:35:16 3173

qq_40462931的博客