Useful 404 components

This time I will bring you a useful 404 component. What are the precautions when using the 404 component? The following is a practical case, let’s take a look.

<template>
  <div class="m404">
    <div style="height: 100px;"></div>
    <a href="
javascript
:;">
      <img v-on:click="goBack" src="../../../
static
/img/page404.png"
           width="409" height="177"
           alt="“真的很抱歉，我们搞丢了页面……”要不去网站首页看看？" border="0">
    </a>
  </div></template><script>
  export default {    name: &#39;Page404&#39;,    methods:{
      goBack () {        this.$router.push({path:&#39;/&#39;})
      }
    }
  }</script><style>
  .m404 {    margin:0 auto;    
vertical-align
: middle;    
text-align
: center
  }</style>

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to the php Chinese website Other related articles!

Related reading:

How to filter out false, null, 0, "", undefined, and NaN values ​​in a js array

How to modify the scroll bar style

WOW.js to make the page move

The above is the detailed content of Useful 404 components. For more information, please follow other related articles on the PHP Chinese website!