Vue.js 如何在使用VUE路由器的方法中构建VUE链接

我刚使用VUE.JS，我很喜欢它！我喜欢vue路由器和路由器链接！他们太棒了

现在，我有一个由来自axios的数据填充的表，我想在自定义方法中使用此数据构建一个链接，以使团队名称可单击

以下是模板：

  <BootstrapTable :columns="table.columns" :data="table.data" :options="table.options"></BootstrapTable>

Axios将用于更新表的ID、名称和其他数据返回为

基本上，我需要使用axios接收的数据更新表中的值。比如：

    team: '<a v-bind:href="club/'+team.id+'">'+team.team+'</a>',

或

但很明显，它不起作用

---

如何生成链接？

我使用自定义列事件和列中的格式化程序表设置修复了它：

                       {
                        field: 'match',
                        title: 'Match',
                        formatter (value, row) {
                            return `<a href="/matches/${row.pos}">${value}</a>`
                        },
                        events: {
                            'click a': (e, value, row, index) => {
                               e.preventDefault();
                                this.$router.push(`/matches/${row.pos}`)
                            }
                        }
                    },

---

对于您的问题，这可能是较短的解决方案：

路线=[ { 组成部分：'俱乐部'， 名称：'俱乐部'， 路径：'/club/：teamid' } ] 团队

---

是否需要向标记动态添加链接？你不能有条件地隐藏/显示链接吗？在组件中，我有这样一点：amd数据作为数据传递，我需要使用路由器链接创建链接，就像我的帖子中一样。谢谢你的建议，但我需要将链接呈现为JSON API传递的自定义HTML代码

                       {
                        field: 'match',
                        title: 'Match',
                        formatter (value, row) {
                            return `<a href="/matches/${row.pos}">${value}</a>`
                        },
                        events: {
                            'click a': (e, value, row, index) => {
                               e.preventDefault();
                                this.$router.push(`/matches/${row.pos}`)
                            }
                        }
                    },

   team: "<a href=\"/club/"+team.id+"\" data-to='{\"name\": \"team\",\"params\":{\"teamId\":"+ team.id+"}}'>"+ team.team+"</a> "+userCode

mounted() {
        window.addEventListener('click', event => {
            let target = event.target;
            if (target && target.href && target.dataset.to) {
                event.preventDefault();
                const url = JSON.parse(target.dataset.to);
                //router.push({ name: 'user', params: { userId: '123' } })
                this.$router.push(url);
            }
        });
    }