在这里插入图片描述
写法:如果是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事件了

Logo

前往低代码交流专区

更多推荐