vue实现404页面配置自带的回车事件@keyup.enter

Posted 2022-12-11 水香木鱼

博主介绍

📢点击下列内容可跳转对应的界面，查看更多精彩内容！

🍎主页：水香木鱼
🍍专栏：后台管理系统

---

文章目录

简介：这是一篇有关【vue实现404页面配置、自带的回车事件@keyup.enter】的文章，博主用最精简的语言去表达给前端读者们。

1、404页面

在router.js中添加 404路由配置

使用 path:"*" ，当路由找不到路径时，就会进入 404 页面

  // 404
  
    path: "*",
    name: "404",
    component: (results) =>
      require([
        /* webpackChunkName: "404" */ "@/views/404.vue",
      ], results),
  ,

2、Input 框回车事件

使用@keyup.enter

<input @keyup.enter="xxx()">

---

相关推荐

⭐vue实现视频播放器功能，你学会了吗
⭐vue实现导航器效果【vue+less+适配效果】
⭐vue快速实现锚点功能【简单版与高级版】
⭐一文图解自定义修改el-table样式
⭐前端element组件库中el-input密码右侧添加小眼睛切换状态