vue
文章平均质量分 66
飞翔的波斯猫
这个作者很懒,什么都没留下…
展开
-
vue3学习杂记
如何获取ref对象的类型在日常开发中,我们经常会使用到组件的ref属性,例如父页面需要调用子页面的方法时,以前在vue2+js环境中,我们可以直接用this.$refs[组件ref名称]来获取子组件的实例,那么在vue3中怎样获取呢?先说结论:<login-account ref="accountRef" /><script lang="ts">import { defineComponent, ref } from 'vue'import loginAccount f原创 2022-08-11 16:53:34 · 627 阅读 · 0 评论 -
vue切换路由后取消未完成的axios请求
取消请求的必要性在切换页面后,取消之前还未完成的axios请求,以免之前的请求结果影响当前页面的判断原理实现的原理:1、取消axios请求的方法;2、将当前页面的请求取消方法存在state中,在router.beforeEach()钩子函数中遍历执行该取消方法。取消axios请求的方法其实原理都是通过axios的cancelToken属性来实现,在封装好的axios中添加以下代码:const instance = axios.create({ // baseURL: '', time原创 2022-06-08 14:19:21 · 3845 阅读 · 0 评论 -
vue3项目中封装axios
目前前端最流行的网络请求库还是axios,所以对axios的封装很有必要,此次基于vue3+ts的环境下。axios的基本使用import axios from 'axios'// console.log('adh')axios.get('http://XXX.xxx.xxx.xxx:8000/home').then((res) => { console.log(res.data)})axios.get()会返回一个Promise对象,所以可以用.then获取返回的数据。axios原创 2022-05-13 21:44:59 · 24105 阅读 · 2 评论 -
在el-form中自定义校验规则(关联字段校验,需要在校验方法中用到this)
官方写法el-form是支持自定义规则的,官网中是这么写的data() { var checkAge = (rule, value, callback) => { if (!value) { return callback(new Error('年龄不能为空')); } setTimeout(() => { if (!Number.isInteger(value)) {原创 2022-04-28 15:22:48 · 6252 阅读 · 0 评论