- 博客(7)
- 收藏
- 关注
原创 vue3 element plus 动态表单添加校验
index是v-for的 index 序列号,email是输入框的检验变量 ,注意:一定要和验证字段的参数名字严格对应,比如,上面例子和输入框<el-input @input="$forceUpdate()" v-model="item.email" /> 中的v-model值email严格对应。此次功能为添加邮箱校验功能,无需必填,但是录入则需要校验邮箱格式,可动态添加最多支持五条数据。(2):prop="'emailList.' + index + '.email'" 的内容,
2024-07-10 16:57:39 493
原创 vue $emit 调用父组件异步方法,执行完毕后再执行子组件的某方法
//可以使用回调的方法//父页面//父页面调用组件的html中添加事件@test="test"methods:{test(data,cab){setTimeout(()=>{//这里使用定时器模拟执行完方法console.log(data)//这是传递过来的参数用于处理data++...
2022-03-09 09:52:34 4263
原创 页面重复点击出现部分蓝色区域影响观感(css/js解决)
有时候双击或者多次点击一个地方,会出现一些蓝色的块。2种解决方法1.css:body{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}2.js:document.onselectstart=new Function...
2019-10-11 15:59:18 388
原创 Vue切换路由时报错Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated"}解决方法
切换路由时报Uncaught (in promise) 不会影响使用但是很不和谐,解决方法如下:把项目依赖的 node_modules 文件夹删除, 然后再 npm install 重新下载依赖包就可以解决。 如果在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,那么要怎么解决呢?解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S 即可 ...
2019-09-19 16:48:14 3990
原创 [Vue warn]: type check failed for prop "value". Expected Number with value 0, got String with value
在使用iViews控件时提示报错警告:[Vue warn]: Invalid prop: type check failed for prop "value". Expected Number with value 0, got String with value "".中文意思是:[Vue warn]:无效的属性:属性“value”的类型检查失败。需要值为0的数字,得到值为“”的...
2019-09-19 15:39:08 9726
原创 iviews中input组件实现非汉字控制
在组件Form中添加rules约束rules="ruleValidate"//rules为校验数据 <FormItem prop="UserId" :rules="ruleValidate"> <input value="busiMail"></input> </FormItem>数据中添加ruleValidat...
2019-09-18 17:31:19 225
原创 Vue路由登录状态拦截
首先要在需要拦截的路由添加meta: {requireAuth: true},然后使用路由钩子函数beforeEach拦截处理1.在路由中配置添加mate属性export default { path: '/we', name: 'we', //设置该路由是否需要登录验证 meta: { requireAuth: true },...
2019-09-12 15:26:31 272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人