![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Mazepk
这个作者很懒,什么都没留下…
展开
-
el-form 使用 报错 “Error: please transfer a valid prop path to form item!“
问题描述使用 el-form 表单,在已确认绑定数据未写错,字段名都正确,rules检验也都正确的情况下,报以下错误报错后各种排查,各种查资料,都未能解决,最后发现,引起报错的原因尽很简单,却又容易忽略问题原因原来同一个界面上有两个 el-form表单,两个form表单除了绑定的数据名不同,其他字段格式都相同,可能是同一个界面两个相同表单冲突了解决方法只要在两个表单上分别给一个不同的 key值 就不会报错啦方法如下:表单1表单2...原创 2021-05-25 16:31:55 · 2604 阅读 · 1 评论 -
el-input 使用 oninput输入校验时,v-model数据不更新问题
描述:当el-input中对输入数据进行校验时,使用oninput后,数据不及时更新或者为空,并且,如果是校验必填项,还会出现已输入内容,校验不通过的情况原代码如下:<el-input v-model.number="maxLen" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>注: 本例中校验的是正整数,v-model需要使用number,如果校验字符串,需去掉number报错结果如下:从图中原创 2021-05-25 16:04:50 · 3914 阅读 · 1 评论 -
vue3.x创建项目
环境准备1.开发环境Vscode(根据这人喜好选择开发环境)2.node环境配置(这里不做详细描述,步骤可百度)开始安装步骤1.安装vue 3.xnpm i @vue/cli -g2.创建vue项目vue create vuextest(项目名:必须小写)3.安装完成后依次执行以下命令cd vuextest (进入目录)npm run serve (启动项目)4.项目启动成...原创 2019-06-20 17:47:43 · 440 阅读 · 0 评论 -
vuex 简单入门
环境准备1.已经安装vue2.已经创建vue项目vuex简介及作用参照官网专业解释,这里不作介绍https://vuex.vuejs.org/zh/安装vuex1.使用命令安装vuexnpm install vuex --save2.安装完成vuex之后,我们在src目录下创建一个store目录,并在store目录中创建一个store.js文件(文件名自拟)3.现在我们可以...原创 2019-06-21 16:32:21 · 134 阅读 · 0 评论 -
图片拖拽上传
功能: 实现图片拖拽上传并能显示拖拽进去的图片下面是html的页面内容(此例子是在vue中应用,有用到element ui的组件):<div class="aileft"> <div class="dragImg" @dragenter="dragEnter" @dragleave="dragLeave" @dragover...原创 2019-06-28 11:38:20 · 1242 阅读 · 0 评论