Javascript Vue项目在单击时不显示导航栏

我的导航栏搜索表单不工作

<form action="" method="post" class="search">
    <input type="text"  name="" placeholder="поиск" class="input" v-model="allsearch"/>
    <a href="#" @click='clicksearch()'>0</a>
</form>

路由器：

<script>
  export default {
    name: 'Navbar',
    data () {
      return {
        allsearch:''
      }
    },
    methods: {
      clicksearch(){
        console.log(this.allsearch)
      }
    }
  }
</script>

<template>
    <div id="app">
        <Navbar />
        <router-view/>
        <Footer />
    </div>
</template>

<style>
  @import "assets/css/default.css";
  @import "assets/css/header.css";
  @import "assets/css/shortcodes.css";
  @import "assets/css/core.css";
  @import "assets/css/style.css";
</style>

<script>
    import Navbar from "./components/Navbar";
    import Footer from "./components/Footer"
    export default {
        components: {Navbar, Footer}
    }
</script>

import Vue from 'vue'
import VueRouter from 'vue-router'
import Posts from './views/Posts'
import Single from './views/Single';
import Smartigadget from './views/Smartigadget';
import Applesmartphone from './views/Applesmartphone';

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'posts',
        component: Posts,
    },
    {
        path: '/:id',
        name: 'Single',
        component: Single,
        props:true
    },
]

const router = new VueRouter({
    mode: 'history',
    routes
})

export default router

错误：

<script>
  export default {
    name: 'Navbar',
    data () {
      return {
        allsearch:''
      }
    },
    methods: {
      clicksearch(){
        console.log(this.allsearch)
      }
    }
  }
</script>

<template>
    <div id="app">
        <Navbar />
        <router-view/>
        <Footer />
    </div>
</template>

<style>
  @import "assets/css/default.css";
  @import "assets/css/header.css";
  @import "assets/css/shortcodes.css";
  @import "assets/css/core.css";
  @import "assets/css/style.css";
</style>

<script>
    import Navbar from "./components/Navbar";
    import Footer from "./components/Footer"
    export default {
        components: {Navbar, Footer}
    }
</script>

import Vue from 'vue'
import VueRouter from 'vue-router'
import Posts from './views/Posts'
import Single from './views/Single';
import Smartigadget from './views/Smartigadget';
import Applesmartphone from './views/Applesmartphone';

Vue.use(VueRouter)

const routes = [
    {
        path: '/',
        name: 'posts',
        component: Posts,
    },
    {
        path: '/:id',
        name: 'Single',
        component: Single,
        props:true
    },
]

const router = new VueRouter({
    mode: 'history',
    routes
})

export default router

应该是

@click='clicksearch'

---

否则，

@click

将绑定到clicksearch返回的任何内容

尝试

否不起作用照片错误我看不出该组件有任何问题。试着在“应该工作”上发布问题的复制品“不应该工作”。。。。。