web杨国忠 - 博客园

el-input对于数字输入框需要校验的坑

摘要：对于el-input type='number' 来说，绑定的值并不是真正的数字,而且不支持v-model修饰符将字符串类型转换成数字类型，但是试过的朋友都知道，加上修饰符后小数点后面首位0竟然输入不了了。所以只能在焦点离开的时候手动将字符串类型的转换为数字类型，这样就避免了不能输入浮点数的问题阅读全文

posted @ 2022-04-01 16:34 web杨国忠阅读(862) 评论(0) 推荐(0) 编辑

elementui里面对于嵌套动态表单的手动验证

摘要：有时候我们会遇到嵌套很多层的表单，而且表单值可能是其他组件传过来的值，用blur来触发会出现问题，所以需要手动触发表单验证，需要用到elementui的form表单里面的validateField方法 1.对于循环的表单元素，规则和对应字段都应是动态的 2.对于需要手动触发的表单元素，可以把对应的p 阅读全文

posted @ 2022-03-27 13:57 web杨国忠阅读(775) 评论(0) 推荐(0) 编辑

vue响应式

摘要：一个表单点击取消保存的是编辑前的数据。 1.通过一个变量存储编辑时的数据 2.点击取消的时候使用编辑前的数据出现的问题：点击取消之后页面的数据未更新，编辑按钮也无效追其原因：是在给row赋值的时候使用的是未响应的数据，已经改变了其响应属性。解决方法：给row赋值的时候手动设置为响应式的通过th 阅读全文

posted @ 2022-03-17 15:25 web杨国忠阅读(23) 评论(0) 推荐(0) 编辑

鼠标拖拽事件产生的bug

摘要：如果要拖拽一个容器，里面包含一张或者多张图片的时候，mousemove，mouseup等等事件都会出现问题。原因是图片默认可拖拽，会造成冲突。解决方案就是把图片的属性 draggable = “false” 阅读全文

posted @ 2022-02-25 10:11 web杨国忠阅读(45) 评论(0) 推荐(0) 编辑

webpack基本配置

摘要： webpack配置 `const path = require('path') const webpack = require('webpack') const { merge } = require('webpack-merge') const { CleanWebpackPlugin } = r 阅读全文

posted @ 2021-12-19 19:50 web杨国忠阅读(56) 评论(0) 推荐(0) 编辑

uniapp onShow()和onLoad()的区别

摘要： **onload：**页面加载时触发，从二级页面回来时不会触发。同时可以接收上个页面传过来的参数**onshow：**当小程序启动，或从后台进入前台显示，会触发 onshow，从二级页面回来时也会触发。页面显示的时候触发从上个页面返回回来也会触发执行顺序上 onload先触发 onshow后触阅读全文

posted @ 2021-12-17 17:57 web杨国忠阅读(1203) 评论(0) 推荐(0) 编辑

uniapp实现上拉加载更多

摘要：安装uni-load-more插件 <template> <view class="container"> <view v-for="(item,index) in videoList" :key="index">...</view> //渲染的列表处 <view v-show="isLoadMor 阅读全文

posted @ 2021-12-17 12:53 web杨国忠阅读(234) 评论(0) 推荐(0) 编辑

网页加载状态进度条制作

摘要：前端请求资源，是通过document.onreadystatechange事件来获取页面加载状态改变，以及通过document.readyState返回当前文档的状态 1.uninitialized-还未开始载入 2.loading -载入中 3.interactive - 已加载，文档与用户可以阅读全文

posted @ 2021-12-16 22:22 web杨国忠阅读(306) 评论(0) 推荐(0) 编辑

杨国忠的青草地

导航

公告