不要将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";
   }
}