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.选择器
<el-select v-model="formLabelAlign.comSecCode" placeholder="请选择"
ref="selectref1" @visible-change="visibleType">
</el-select>
3。时间
<el-date-picker popper-class="LabelAlignClassName" v-model="formLabelAlign.registerStartDate" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" :picker-options="pickerOptions"
ref="datePicker1">
</el-date-picker>
4.popover,通过v-model="causeActionVisible"来显示隐藏
<el-popover placement="bottom-start" trigger="click" v-model="causeActionVisible" popper-class="addformPanel">
<el-input size="mini" slot="reference" v-model="formLabelAlign.causeAction" clearable></el-input>
<el-tree :data="formTreeData" ref="formTreeTree" :props="formTreeDefaultProps" :highlight-current="true" @node-click="handleNodeClick"></el-tree>
</el-popover>
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//弹出框隐藏
}
},