首页 > 其他分享 >vue自定义指令按enter键触发事件

vue自定义指令按enter键触发事件

时间:2023-11-20 23:11:47浏览次数:40  
标签:触发 vue 自定义 binding enter event

directives: {
    enter: {
      bind(el, binding) {
        document.addEventListener('keyup', (event) => {
          if (event.keyCode === 13) {
            binding.value()
          }
        })
      }
    }
  },
v-enter="search"

  

标签:触发,vue,自定义,binding,enter,event
From: https://www.cnblogs.com/lucky06y/p/17845174.html

相关文章

  • VUE框架实现原理及代码构成结构详解------前端
    VUE框架实现原理及代码构成结构详解------VUE框架<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&......
  • Springboot自定义starter
    Springboot自定义sarter这里通过自定义mybatis的starter来简单进行分析理解步骤:创建dmybatis-spring-boot-autoconfigure模块,提供自动配置功能,并定义配置文件META-INF/spring/xxx.imports创建dmybatis-spring-boot-starter模块,在starter中引入自动配置模块创建项目:1......
  • Android系统开发 Android10版本自定义系统版本号
    前言  framework开发,此博客基于Android10版本,实现自定义系统版本号。找到修改位置需要修改的关键文件是buildinfo.sh搜索一下文件找到要改的目标文件这里建议将这个文件拷贝出来修改,各自的编译环境不同,拷贝或者传输文件的方式不同,这里各自发挥。下面是我在wsl里把文件拷......
  • vue-ui创建项目
    1、命令提示行输入vueui2、他会跳出浏览器界面,之后选择路径创建3、选择条件命令提示框开始创建项目......
  • 如何在设置函数中访问 $vuetify 实例
    在Vue.js的设置函数中访问$vuetify实例可以通过以下步骤来实现:首先,在Vue组件的created钩子函数中访问$vuetify实例。created钩子函数在Vue实例创建之后立即调用。<script>exportdefault{created(){this.$nextTick(()=>{console.log(this.$vuetif......
  • Vue自定义创建项目
    基于VueCli自定义创建项目顺序:安装脚手架vuecreate项目名选择自定义Babel/Router/CSS/LinterVue2.xVueRouterhash模式CSS预处理ESlint:Standard&LintonSave配置文件dedicatedconfigfiles......
  • wpf 自定义按钮模板
    <ButtonWidth="300"Height="100"Content="自定义按钮"Background="Bisque"FontSize="23"Foreground="Orchid"><Button.Template><ControlTemplateTargetType=&qu......
  • 痞子衡嵌入式:在IAR开发环境下手动拷贝自定义程序段到RAM中执行的方法
    大家好,我是痞子衡,是正经搞技术的痞子。今天痞子衡给大家分享的是IAR下手动拷贝自定义程序段到RAM中执行的方法。在痞子衡旧文《IAR下RT-Thread工程自定义函数段重定向失效分析》里,我们知道IAR链接器处理自定义程序段重定向是有一些限制的,只要用户重写了底层__low_l......
  • avue的三种slot 插槽
    avue的三种插槽//菜单插槽<templateslot="menuLeft"><el-buttontype="danger"@click="openDialogAdjustPrice"size="small"icon="el-icon-sort"v-if="permissions['mall:g......
  • 第六章、Vue3高级
    目录二十四、项目实战细节(二)1、组件设置name属性二十四、项目实战细节(二)1、组件设置name属性<scriptsetup>//Vue3.3后支持defineOptions({name:'组件名',inheritAttrs:false})</script>......