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

Posted 水香木鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现404页面配置自带的回车事件@keyup.enter相关的知识,希望对你有一定的参考价值。

博主介绍

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

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


文章目录

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

404页面 vue回车事件

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密码右侧添加小眼睛切换状态

以上是关于vue实现404页面配置自带的回车事件@keyup.enter的主要内容,如果未能解决你的问题,请参考以下文章

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

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

vue事件修饰符

vue+element Form键盘回车事件页面刷新解决

Vue.js 实现输入框回车搜索

vue--阻止冒泡、默认行为、键盘事件