antDesignvue中@blur
时间: 2023-11-30 11:04:41 浏览: 136
element-ui相关问题.txt
@blur是Ant Design Vue中的一个事件修饰符,它可以用于在元素失去焦点时触发一个特定的方法。这个事件修饰符可以应用在任何HTML元素上,例如input、button、select等等。
使用@blur事件修饰符时,需要将其添加到元素的事件监听器中。例如:
```
<template>
<a-input v-model="inputValue" @blur="handleBlur"></a-input>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
},
methods: {
handleBlur() {
console.log('input blur')
}
}
}
</script>
```
在上面的示例中,我们定义了一个a-input组件,并使用v-model绑定了inputValue变量。当input元素失去焦点时,@blur事件修饰符会触发handleBlur方法,并在控制台中输出"input blur"。
阅读全文