vue.js点击跳转

img


怎么做到这种效果

Document
点击登录
            div>
            <div class="msg">
                <a href="#">注册账户a>
            div>
    div>
div>

我的思路：
第一张图（点击登录那个组件） 用一个div
未显示的组件 用一个div
未显示的组件 用V-if 设置 一个条件 初始值为false
点击登录按钮的时候，触发一个事件 将条件的值改为true
这样就实现了你想要的效果
如果有用的话，记得采纳呐！

具体什么效果

最外面白色div给个上下左右的内边距，然后给input的其他边框去掉，下边框设置宽一点，ok。再给下面的按钮设置一个渐变的背景over