Javascript 使用v-bind将数据放入属性href（VUE.JS 2+；Laravel 5.3）中的标记a中

下面是我的javascript/vue.js代码：

        import _ from 'lodash'
        export default{
            props:['campanha'],
            data (){
                return{
                    list:[],
                    filter: '',
                    href: '/campanha/9/edit'
                }
            },
            methods:{
                url: function (href){
                    return '/campanha/'+this.href+'/edit'
                }
            },
            mounted: function (){
                this.list = JSON.parse(this.campanha)
            },
            computed: {
                filteredCampanhas(){
                    var self = this
                    return this.list.filter(function(campanhas) {
                        return campanhas.nome.indexOf(self.filter) > -1
                    })
                }
            }
    }

这是我的html：

<template>
        <div>
            <div class="well">
                <a href="campanha/create" class="btn btn-default" title="Nova Campanha">Novo Cadastro <span class="glyphicon glyphicon-plus" aria-hidden="true"/></a><br></br>
                <input type="text" class="form-control" placeholder="Filtrar Campanhas" v-model="filter">
            </div>
            <div class="table-responsive">
                <table class="table table-borderless">

                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Nome</th>
                            <th>Data Início</th>
                            <th>Data Término</th>
                            <th>Hora Inícío</th>
                            <th>Hora Término</th>
                        </tr>
                    </thead>
                    <tbody>

                        <!--{{ url('/campanha/' . $item->id_campanha . '/edit') }}

                         href: '/campanha/9/edit'
                            <td><a v-bind:href="href">{{ c.nome }}</a></td>
                        !-->

                        <tr v-for="c in filteredCampanhas">
                            <td>{{ c.id_campanha }}</td>
                            <td><a :href="url(c.id_campanha)">{{ c.nome }}</a></td>
                            <td>{{ c.data_inicio }}</td>
                            <td>{{ c.data_termino }}</td>
                            <td>{{ c.hora_inicio }}</td>
                            <td>{{ c.hora_termino }}</td>
                        </tr>

                    </tbody>

                </table>
            </div>
        <div>


</template>

身份证件
诺姆
信息中的数据
数据终端
霍拉·因西奥
霍拉·泰尔米诺
{{c.id_campanha}}
{{c.data_inicio}
{{c.data_termino}}
{{c.hora_inicio}}
{{c.hora_termino}}

我尝试将一些数据放入我的标签a的href部分，以链接到另一个页面，但它不起作用。

尝试以下操作：

methods:{
    url: function (href){
        return '/campanha/'+ href+'/edit'
    }
},

当您使用

this.href

时，它将开始从vue实例的数据中拾取

href