iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >vue中使用@blur获取input val值
  • 918
分享到

vue中使用@blur获取input val值

vue input blur@blur获取input val值vue @blur 2022-11-13 14:11:21 918人浏览 薄情痞子
摘要

目录使用@blur获取input val值Vue表单input 框使用@blur事件使用@blur获取input val值 @blur="validScore($event)" va

使用@blur获取input val值

@blur="validScore($event)"
validScore(event){
    alert(event.target.value)
}

vue表单input 框使用@blur事件

input 框失去焦点 ,便会触发定义的方法

form表单代码

  <el-fORM-item label="身份证号码:" prop="idNumber">
       <el-input  @blur="onBsp($event)" v-model="laApplicationDetail.idNumber" placeholder="身份证号码"  maxlength="18" show-Word-limit
                            style="width: 240px;" ></el-input >
  </el-form-item>

methods方法,下面附代码

methods方法代码

onBsp(event) {
        let queryParam = {
          name:event.target.form[0].value,
          idcard: event.target.value
        }
        getinformation(queryParam).then(res => {
          let list = res.data;
          this.laApplicationDetail.migrantworker = list.migrantworker;
          this.laApplicationDetail.phone = list.phone;
        }).catch(error => {
          this.$message({
            message: error.response.data.message ? error.response.data.message : '网络异常',
            type: 'warning'
          })
        });
      },

上图的 方法的 queryParam参数怎么获取的

以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: vue中使用@blur获取input val值

本文链接: https://www.lsjlt.com/news/172262.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • vue中使用@blur获取input val值
    目录使用@blur获取input val值vue表单input 框使用@blur事件使用@blur获取input val值 @blur="validScore($event)" va...
    99+
    2022-11-13
    vue input blur @blur获取input val值 vue @blur
  • vue中如何获取input的值
    在vue中获取input值的方法:1.新建html项目,引入vue;2.定义input输入框,设置v-model样式;3.绑定变量和按钮;具体步骤如下:首先,新建一个html项目,并在项目中引入vue;<!DOCTYPE h...
    99+
    2024-04-02
  • vue获取input值的三种常用写法
    目录1. v-model 表单输入绑定2. @input 监听输入框3. ref 获取数据vue收集input[type=“checkbox”]的值input...
    99+
    2022-11-13
    vue获取input值 vue input值 input值获取
  • 使用react怎么获取input输入框的值
    本篇文章给大家分享的是有关使用react怎么获取input输入框的值,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。react 获取input 输入框的值的多种方式第一种方式 非...
    99+
    2023-06-14
  • 如何在jquery中利用val()方法取值
    如何在jquery中利用val()方法取值?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。jquery是什么jquery是一个简洁而快速的JavaScript库,它具有独特的链式...
    99+
    2023-06-14
  • Vue中的@blur/@focus事件怎么使用
    这篇文章主要讲解了“Vue中的@blur/@focus事件怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Vue中的@blur/@focus事件怎么使用”吧!Vue的@blur/@fo...
    99+
    2023-07-05
  • vue如何获取map中的值
    在vue中获取map值的方法:1.使用Object方法获取map中的key和value值;2.使用Object.entries方法获取map中的值;具体方法如下:使用Object方法获取map中的key和value值<template...
    99+
    2024-04-02
  • vue使用refs获取嵌套组件中的值过程
    目录使用refs获取嵌套组件的值vue使用ref的好处使用refs获取嵌套组件的值 功能简介: 1、父组件包含zujian1,而zujian1又包含zujian2 2、zujian...
    99+
    2024-04-02
  • vue怎么使用refs获取嵌套组件中的值
    本文小编为大家详细介绍“vue怎么使用refs获取嵌套组件中的值”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue怎么使用refs获取嵌套组件中的值”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。使用refs获...
    99+
    2023-06-29
  • Vue使用el-input自动获取焦点和二次获取焦点问题及解决
    目录使用el-input自动获取焦点和二次获取焦点问题使input和el-input自动获取焦点的处理总结使用el-input自动获取焦点和二次获取焦点问题 最近,碰到一个问题,就是...
    99+
    2022-12-08
    Vue使用el-input el-input自动获取焦点 el-input二次获取焦点
  • vue怎么获取el-select选中的值
    在Vue中使用 ElementUI 的 el-select 组件时,我们需要获取用户选择的值。获取选中值的方法有多种方式,这里我们介绍几种常见的方法。方法一:v-model最简单的方法是使用v-model指令。v-model绑定到el-se...
    99+
    2023-05-24
  • vue获取或者改变vuex中的值方式
    目录vue获取或改变vuex的值store–>index.js在页面中使用或者修改vuex中的值监听vuex值变化实时改变问题如图思路vue获取或改变vuex的值 ...
    99+
    2024-04-02
  • 如何在Java中使用executeQuery()获取返回值
    在Java中使用executeQuery()方法获取查询结果需要以下步骤:1. 创建一个数据库连接对象,例如使用JDBC连接数据库:...
    99+
    2023-09-28
    Java
  • python中如何使用get获取指定键值
    小编给大家分享一下python中如何使用get获取指定键值,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1、说明在使用字典时,很少直接输出它的内容。一般需要根据指定的键得到相应的结果。Python 中推荐的方法是使用字典对...
    99+
    2023-06-15
  • vue中监听input框获取焦点及失去焦点的问题
    目录一、背景二、首先是正宗的监听事件的写法1、html代码2、JS部分三、为什么上次监听焦点事件失败呢1、不好用的原因2、新增指令的方法一、背景 博主之前在用vue的获取焦点,失去焦...
    99+
    2024-04-02
  • vue data中怎么获取使用store中的变量
    这篇文章主要讲解了“vue data中怎么获取使用store中的变量”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue data中怎么获取使用store中的变量”吧!d...
    99+
    2023-06-29
  • Mybatis使用insert插入后获取id值
    在mapper中定义insert方法: insert into order(order_sn, user_id, name) values (#{orderSn}, #{userId}, #{name}) 属性 useGene...
    99+
    2023-09-01
    mybatis java mysql
  • vue中this.$refs有值,但无法获取ref的值问题及解决
    目录vue中this.$refs有值,但无法获取ref的值解决方法ant-design-vue中this.$refs使用笔记总结vue中this.$refs有值,但无法获取ref的值...
    99+
    2023-01-28
    vue this.$refs vue无法获取ref的值 vue获取ref的值
  • Vue3在Setup中使用axios请求获取的值方式
    目录Setup中使用axios请求获取的值Vue3+Setup使用知识点Setup中使用axios请求获取的值 上次我们使用axios给项目搞上了网络请求,从此项目数据不再是静态的。...
    99+
    2024-04-02
  • C#中怎么使用datagridview获取某行某列的值
    在C#中,可以使用DataGridView的Rows和Columns属性来获取指定行和列的值。首先,使用Rows属性获取指定行的Da...
    99+
    2023-09-27
    C#
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作