随笔分类 - vue
摘要：1、点击取消按钮，不触发表单校验 <form @submit="onSubmit"> <van-button type="info" native-type="button" :disabled="disabled" @click="handleBack" >取消</van-button> <van
阅读全文
摘要：1、使用 beforeRouteLeave 来记录路由跳转之前滚动条的位置 beforeRouteLeave(to, from, next)： 离开路由之前执行的函数,可用于页面的反向传值，页面跳转； beforeRouteLeave(to, from, next) { console.log('b
阅读全文
摘要：1、在form表单上 加上 :key=“formKey” <van-form colon ref="form" :key="formKey"> </van-form> 2、在data定义 formKey:0 data() { return { formKey: 0, } }, 3、在 activat
阅读全文
摘要：1、要想this.$refs[‘form’].resetFields()方法有效，必须配置el-form :model 属性和el-form-item中的prop属性，才可以 2、在还没有显示对话框之前就调用this.$refs[‘form’].resetFields()，会报错。 应使用此方式：t
阅读全文
摘要：在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。 在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍： ref被用来给元素
阅读全文
摘要：一：this.$route.query的使用 #1、传参数： this.$router.push({ path: '/index/detail', query:{itemId: item.id} }); #2、获取参数 this.$route.query.itemId #3、url的表现形式 htt
阅读全文
摘要：1.$ref $ref用于数据之间的传递，如果ref用在子组件上能通过$ref获取到子组件节点、事件、数据、属性，主要还是父组件向子组件通信 $ref 着重于索引，主要用来调用子组件里的属性和方法，其实并不擅长数据传递。而且ref用在dom元素的时候，能使到选择器的作用，这个功能比作为索引更常有用到
阅读全文
