vue方法
代码敲着敲着就睡了
这个作者很懒,什么都没留下…
展开
-
vue @blur 和 .trim()
一、@blur失焦要满足输入框在输入完成、移到其他地方时进行验证时,需要用到该事件,用此事件进行绑定验证方法即可。如果使用mintui中的mt-field标签时,对应的blur(失焦)事件要执行时,要用@blur.native.capture=""来代替@blur<template> <div> <!-- @blur 当元素失去焦点时触发blur事件 --> <div> <input typ.原创 2021-04-13 16:49:46 · 3250 阅读 · 0 评论 -
vue resetFields()重置表单
Form必须要有ref属性 Form必须绑定:model <a-form-model :model="form" ref="form" :rules="formRules" :label-col="labelCol" :wrapper-col="wrapperCol"> Form的FormItem中必须要有prop属性 <a-form-model-item label="功能名称" required ref="name" prop="name"><原创 2021-04-13 14:35:59 · 570 阅读 · 0 评论 -
Vue-$emit的用法
1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn;子组件:<template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> .原创 2021-04-13 14:28:30 · 358 阅读 · 0 评论 -
vue @click.native.prevent=“handleLogin“ 和 @keyup.enter.native=“handleLogin“
一、@click.native.prevent="handleLogin1.在封装好的组件上使用,所以要加上.native才能click2.prevent就相当于..event.preventDefault()所以@submit.native.prevent是用来阻止默认行为的 ;二、@keyup.enter.native="handleLogin"vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符:<input v-on:keyup.13="submit">原创 2021-04-13 14:26:46 · 2981 阅读 · 0 评论 -
记录vue中的一些方法用法
一、dispatch/committhis.$store.dispatch("actions方法名",值)this.$store.commit('mutations方法名',值)Action提交的是Mutation,不能够直接修改state中的状态,而Mutations是可以直接修改state中状态的;Action是支持异步操作的,而Mutations只能是同步操作。handleLogin() { this.$refs.ruleForm.validate(valid ...原创 2021-04-13 14:17:35 · 579 阅读 · 0 评论