Mazepk的博客

问题描述 使用 el-form 表单，在已确认绑定数据未写错，字段名都正确，rules检验也都正确的情况下，报以下错误 报错后各种排查，各种查资料，都未能解决，最后发现，引起报错的原因尽很简单，却又容易忽略 问题原因 原来同一个界面上有两个 el-form表单，两个form表单除了绑定的数据名不同，其他字段格式都相同，可能是同一个界面两个相同表单冲突了 解决方法 只要在两个表单上分别给一个不同的 key值 就不会报错啦 方法如下： 表单1 表单2 ...

描述：当el-input中对输入数据进行校验时，使用oninput后，数据不及时更新或者为空， 并且，如果是校验必填项，还会出现已输入内容，校验不通过的情况 原代码如下： <el-input v-model.number="maxLen" oninput="value=value.replace(/[^0-9]/g,'')" ></el-input> 注： 本例中校验的是正整数，v-model需要使用number，如果校验字符串，需去掉number 报错结果如下： 从图中

环境准备 1.开发环境Vscode（根据这人喜好选择开发环境） 2.node环境配置（这里不做详细描述，步骤可百度） 开始安装 步骤 1.安装vue 3.x npm i @vue/cli -g 2.创建vue项目 vue create vuextest(项目名：必须小写) 3.安装完成后依次执行以下命令 cd vuextest （进入目录） npm run serve (启动项目) 4.项目启动成...

环境准备 1.已经安装vue 2.已经创建vue项目 vuex简介及作用 参照官网专业解释，这里不作介绍 https://vuex.vuejs.org/zh/ 安装vuex 1.使用命令安装vuex npm install vuex --save 2.安装完成vuex之后，我们在src目录下创建一个store目录，并在store目录中创建一个store.js文件（文件名自拟） 3.现在我们可以...

功能： 实现图片拖拽上传并能显示拖拽进去的图片 下面是html的页面内容（此例子是在vue中应用，有用到element ui的组件）： <div class="aileft"> <div class="dragImg" @dragenter="dragEnter" @dragleave="dragLeave" @dragover...