Vue 如何触发键盘enter事件
写法:@keyup.enter.native=“自定义事件”<Input v-model="form.checkCode" placeholder="请输入校验码" @keyup.enter.native="searchAllCompany"><span slot="append">{{ code }}</span></Input>methods:{
·
写法:如果是input组件 则写法为@keyup.enter.native=“自定义事件” 如果是原生html的input标签 则不需要加.native
下面案例用的是一个组件
<Input v-model="form.checkCode" placeholder="请输入校验码" @keyup.enter.native="searchAllCompany">
<span slot="append">
{{ code }}
</span>
</Input>
methods:{
searchAllCompany(){
console.log(123)
this.handleSubmit()
},
handleSubmit() {
//接口调试
this.$axios
.post("/api/sysAdmin/login/login", {
loginName: this.form.userName,
pwd: this.form.password,
})
.then((res) => {
console.log(res);
if (res.status === 200) {
console.log("登录信息:", res);
var data = JSON.parse(res.data.data.session_role);
console.log(res.data.data.session_key);
this.$store.commit("getToken", res.data.data.session_key);
console.log(localStorage.getItem("token"));
this.$store.commit(
"getUserInfo",
JSON.stringify(data.userInfo)
);
this.$router.push({
path: "home",
name: "home",
});
this.$Message.success("登录成功");
} else {
this.$Message.warning("登录失败");
}
});
},
}
这样就能在输入验证码后直接触发enter事件了
更多推荐
已为社区贡献21条内容
所有评论(0)