配置路由

2020-02-27  本文已影响0人  edisonTechBlog

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

这段代码的重点在 <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>
上一篇 下一篇

猜你喜欢

热点阅读