【Vue】router-link :to跨域跳转新链接，不带localhost:80端口

最新推荐文章于 2024-07-02 15:43:20 发布

layman .

最新推荐文章于 2024-07-02 15:43:20 发布

阅读量6.5k

点赞数 7

分类专栏：踩过的坑文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/single_0910/article/details/120909325

版权

今天在系统上做了一个功能
在这里插入图片描述我看着这个简陋的页面，心说，这个系统地址，能不能做成链接样式，当点击的时候，就跳转过去。

然后，我发现公司没有前端工程师。

而我又完全不懂Vue，没办法，只能硬着头皮上了。

      <el-table-column label="系统地址" align="center" prop="subnetUrl" />

前端显示的代码如上，好像是个很普通的column，反正我也不知道是怎么回事。

然后我就找找有没有链接样式的页面。

别说，嘿，还真在另外一个页面找到了，如下：

	 <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
        <template slot-scope="scope">
          <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
            <span>{
   {
    scope.row.dictType }}</span>
          </router