Vue中失去焦点时所触发的事件

1-html、失去焦点

<input type="text" onBlur="txtblur()">
<script>function txtblur(event){ //当前元素失去焦点console.log(123);}
</script>

2-vue2.0、失去焦点

@input 一般用于监听事件，只要输入的值变化了就会触发input

<input :type="type" :value="value" :placeholder="placeholder" :name="name" @input="$emit('input',$event.target.value)"/>

@click 事件触发事件

<input type="text" @click="clickFn">

@blur 是什么？

@blur 是当元素失去焦点时所触发的事件

使用

<template><div><input type="text" placeholder="请输入内容" @blur="blur"/></div>
</template><script>export default {name: "@blur_61",methods:{blur(){console.log("blur事件被执行")}}}
</script><style scoped></style>

3-vue3.0、失去焦点

结构

<el-inputv-model="inputValue"v-bind="$attrs"@blur="handleBlur"@input="handleInput"class="custom-input">
</el-input>

方法

const handleBlur = () => {}
const handleInput =  (v) => {}return {...toRefs(state),handleBlur,handleInput
};

Vue中失去焦点时所触发的事件相关推荐

Vue中的@blur事件当元素失去焦点时所触发的事件
@blur 是什么? @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用? <template><div><input type=&qu ...
vue点击事件添加html,vue 中拼接html时添加点击事件
添加 1111 export default { data() { return { tooltip:"test", }; }, methods: { hahha(){ var i ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
vue中进入页面，自动触发一次点击事件
vue中进入页面,自动触发一次点击事件 html script 一进去页面,我肯定是要进去就能看到数据,而不是需要点击选项1才得到数据,解决办法就是直接在created()中调用 html <d ...
onblur在html中的意思是：控件在失去焦点的时候触发的事件
  <!-- 文件说明:OnBlur事件 -- ...
vue中解决用户双击鼠标触发事件
1.可能在业务中会碰见这样的事情就是用户双击可以触发事件单击也可以触发事件问题是俩次要触发不同的事件其实双击和单击的却别就是双击是俩次时间间隔特别小的点击组成的这样我们可以通 ...
vue中监听enter键触发事件
created(){window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } methods: {handl ...
jquery 赋值时不触发change事件解决
$("#optionsId").change(function(){$("#selectOptionsText").val('测试'); }); $(" ...
鼠标移出DIV层时，触发onMouseOut事件
话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点. 为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout ...

Vue中失去焦点时所触发的事件

Vue中失去焦点时所触发的事件

1-html、失去焦点

2-vue2.0、失去焦点

3-vue3.0、失去焦点

Vue中失去焦点时所触发的事件相关推荐

最新文章

热门文章