vue中使用vue-router实现登录的控制在做后台管理系统中很常见,但是不想之前熟悉的流程那样,不过只要大家理解vue-router的使用也是很好实现的。
首先我们需要编写登录页面和主页面:
<template>
<div class="login">
<table width="100%" height="100%">
<tr height="41"><td class="logintb" colspan="2"> </td></tr>
<tr height="100%" class="loginbg">
<td id="left_cont">
<table width="100%" height="100%">
<tr height="155"><td colspan="2"> </td></tr>
<tr>
<td width="20%" rowspan="2"> </td>
<td width="60%">
<table width="100%">
<tr height="70"><td align="right"></td></tr>
<tr height="274">
<td valign="top" align="right">
<img src="../../static/images/logo.png"/>
</img/>
</td>
</tr>
</table>
</td>
<td width="15%" rowspan="2"> </td>
</tr>
<tr><td