全局通过监听,回车案

原创
小哥 3年前 (2022-11-10) 阅读数 82 #大杂烩

1.以下内容有时可能不起作用。试试第二个。

// 生命周期 - 创建完成(您可以访问当前this实例)
  created() {
    this.keyupSubmit()
  },

 // 方法集合
  methods: {
    keyupSubmit(){
        document.onkeydown=e=>{
        let _key=window.event.keyCode;
        if(_key===13){
          this.adduser()//这里的操作是你进入汽车后想要做的。试着用一种方法写完。
        }
      }
    },
    adduser(){
    this.clickSearch()
    this.dialogFormVisible=false
    console.log(adduser);
    },
 }

2.全球监听、回车事件

// 生命周期 - 创建完成(您可以访问当前this实例)
  created() {
    window.addEventListener("keyup",this.enterSearch)
  },

methods: {
 enterSearch:function(e){
        if(e.keyCode === 13) {
          this.adduser()//这里的操作是你进入汽车后想要做的。试着用一种方法写完。
        }
      },
}

3.输入下拉框,时间选择下拉框,弹出框,对话框隐藏

1.在选择器el-select加上@visible-change事件

@visible-change="visibleType"

2.选择器


  

3。时间


4.popover,通过v-model="causeActionVisible"显示隐藏的步骤


        
        


 adduser(){
    this.visibleType(false)
    },

// ref="selectref1"
//ref="datePicker1"
 visibleType(e){
        console.log("kdsamfd",e);
        if(!e) {
          this.$refs.selectref.blur();//选择器下拉框隐藏
          this.$refs.datePicker1.hidePicker()//时间选择下拉框隐藏
          this.comNameVisible =false//弹出框隐藏
        }
      },
版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除