Flowering_Vivian的博客

$('#select的id名').val();

你html部分的id是固定的，没看出来是变化的啊。

其实没有必要加id，直接用class就能解决了，给p标签外面套个div，直接给input加click事件，用siblings()方法控制它的兄弟元素，这样循环多个就没有问题，不会影响到其他的。

<% for i=1 to 5 %>
<div class="list">
    <p  class="input_name">点第<%= i %>个弹出下面对应的第<%= i %>个</p>

    <!--下面的P标签默认隐藏-->
    <p  class="user_link"><a href='javascript:void(0);'>第<%= i %></a>个</p>
</div>
<% next %>

$(function(){
    $('.input_name').click(function(){
        $(this).siblings('.user_link').slideToggle();
    })
})

导航栏应该是绝对定位的吧，css样式部分加个z-index就好了，z-index值设置的大于下面的banner部分的z-index，让层级高于下面的banner图部分，就OK了

你token之后为空的原因是因为你路由跳转之后，url的token没有了，但是这个时候其实你的token存储操作还是执行了，所以存成了undefined
我的网页有跟你一样的需求，我是这样实现的，加在了main.js中：
判断一下，如果url中不包含token就不执行token存储操作了。

router.beforeEach((to, from, next) => {
        if (to.query.token) {
            sessionStorage.setItem('token', to.query.token);
            next();
        } else {
            next();
        };
})

你的usernameRules方法结果应该是return true或者return false，
这样你自定义校验方法的if判断的结果才会是true或者false，
你现在的usernameRules方法存在用户名的时候直接弹出提示，那么if判断的结果就不对了，所以报错了。
而且里面的validate也可以去掉了，应该会造成死循环
改成下面这样试试：

usernameRules(){
        if (registerForm.username) {
                const {data:res} = await this.$http.post("usernamerules?username=" + this.registerForm.username);//访问后台
                if( res.flag == "success") {
                        return true;
                } else {
                        return false;
                };
            }
    },

其实我觉得比较好的方法是你把username的4个rule都合并到一起，比如下面这样：

registerRules: {
        //校验用户名
        username:[
                { validator: checkUsername, trigger: 'blur' },
        ],
},

然后checkUsername方法如下：

var checkUsername = (rule, value, callback) => {
        let reg = /^[\u4e00-\u9fa5_a-zA-Z0-9.·-]+$/;
        if (!value) {
            callback(new Error('用户名为必填项'));
        } else if (value.length < 5 || value.length > 12) {
            callback(new Error('长度在 5 到 12 个字符'));
        } else if (!reg.test(value)) {
            callback(new Error('姓名不支持特殊字符'));
        } else if (this.usernameRules()) {
                callback(new Error('用户名已存在'));              
        } else {
                callback();
        }
};

这样usernameRules方法里面也不用加判断了

usernameRules(){
        const {data:res} = await this.$http.post("usernamerules?username=" + this.registerForm.username);//访问后台
        if( res.flag == "success") {
            return true;
        } else {
            return false;
        };
},