这次给大家带来好用的404组件,使用404组件的注意事项有哪些,下面就是实战案例,一起来看一下。
<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: 'page404', methods:{
goback () { this.$router.push({path:'/'})
}
}
}</script><style>
.m404 { margin:0 auto;
vertical-align
: middle;
text-align
: center
}</style>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
相关阅读:
怎样在js的数组中过滤掉false, null, 0, , undefined, and nan这些值
修改滚动条样式的方法
让页面动起来的wow.js
以上就是好用的404组件的详细内容。