配置路由

最新推荐文章于 2023-02-09 13:51:16 发布

edisonMamba

最新推荐文章于 2023-02-09 13:51:16 发布

阅读量106

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/edc666/article/details/104670064

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

现在已经写完了第一个大页面，所以得创建第二个。然后有一个需求，就是点击第一个页面的某个地方，然后实现跳转，可以到新创建的页面去。

这段代码的重点在 <router-link to="/city"> 意思是点击之后，会被跳转到 "/city" 路径下。通过查看DOM，实际上这里被转换成为了一个a标签。并且a标签还自带了两个默认属性，其中一个就是color，会将字体颜色改变。所以只需要重置一下字体颜色即可。

        <router-link to="/city">
            <div class="right">
            {{this.city}}
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#iconiconzhengli-"></use>
            </svg>
            </div>
        </router-link>