zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue中router-link的使用

Vue Router Link 使用
2023-09-14 09:00:32 时间

vue中router-link的使用
这就是用来跳转的,非常的重要,

router-link属性值详解

:to 属性值
这个属性值就相当于a标签中的"herf"属性,后面的内容为跳转链接的内容

<router-link :to="http://www.baidu.com/">百度</router-link>

相当于

<a href="http://www.baidu.com/">百度</a>

vue中有多少种跳转,js也可以单独实现点击方法来跳转,这个也要会,

        <template slot-scope="{row}">
          <a :href="'http://127.0.0.1:5000'+row.testReportUrl" target="_blank">{{ 'http://127.0.0.1:5000'+row.testReportUrl }}</a>

        </template>