- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue3 el-from表单效验，调用接口进行验证
为了在验证规则中调用接口进行验证，我们创建了一个名为 validateUsername 的异步函数，它会调用接口进行用户名验证。在上述代码中，我们使用了 el-form 组件来创建表单，并使用 el-input 来输入用户名。我们在 formRules 中定义了用户名的验证规则，其中包括 required 规则和一个自定义的验证规则。最后，在验证表单时，我们调用了 form.validate 方法，并根据验证结果进行相应的处理。
2024-01-25 09:27:48
638
1
原创 vue3 在 watch 中调用接口方法时被频繁执行的问题
在这个示例中，我们将延迟时间设置为 500 毫秒，也就是说，当 inputValue 的值变化后，会等待 500 毫秒后才执行回调函数，从而防止回调函数被频繁执行。这是因为 watch 默认会在监听值变化时立即执行回调函数，而当值变化频繁时，就会导致回调函数被多次执行。总之，如果你在 Vue 3 中遇到了在 watch 中调用接口方法时被频繁执行的问题，可以考虑使用 debounce 或 throttle 函数来限制回调函数的执行次数。这两个函数可以防止回调函数被频繁执行，从而降低接口的请求次数。
2024-01-25 09:25:56
1032
原创 关于excel的导入与导出
execl导入一、组件封装首先封装以导入excel点击上传的组件，类似功能，vue-element-admin已经提供了，地址：https://github.com/PanJiaChen/vue-element-admin/blob/master/src/components/UploadExcel/index.vue安装xlsx插件： npm i xlsx将vue-element-admin提供的导入功能新建一个组件注册全局的导入excel组件，并修改样式和布局根据自己的需要，修改组件样式和
2021-06-05 14:29:16
650
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人