看不到div进入vue组件

Question

我有一个带有div和一个按钮的vue组件，到另一个div中，我有两个组件

<script>
    export default {
        name: 'excursion-backend-component',
        methods:{
            doRedirection: function () {
                window.location = APP_URL+"/excursiones/create";
            }
        },
        mounted() {
            console.log(APP_URL+"/excursiones/create");
            console.log("aaaa");
        }
    }
</script>

<template>
    <div class="container">
        <h3>Adicionar excursi&oacute;n</h3>
        <div style="text-align: right">
            <a class="btn btn-primary" :href="doRedirection"><i class="fa fa-plus"></i> Adicionar</a>
        </div>
        <br>

        <div>
            <excursion-list-component></excursion-list-component>
            <excursion-add-component></excursion-add-component>
        </div>
    </div>
</template>

但是我没有看到导航器上的按钮。

怎么了？

Here is how I see the page

Answer 1

：href =“”期望带有用于导航的URL的字符串，但是您使用的是方法。

如果要使用方法，请使用@click代替：href。

<a @click="doRedirect">... </a>

或者可能将其移至计算块

computed: {
    excursionesUrl () {
      return APP_URL+"/excursiones/create";
   }
}