Vue.js 为什么赢了';t我的输入搜索标记在vue中显示

Vue.js 为什么赢了';t我的输入搜索标记在vue中显示,vue.js,Vue.js,我将在我的Vue网站上显示一个搜索框,但它不会显示 我的代码是(在body.vue中): 我的App.vue如下所示: <template> <div id="app"> <header id="header"></header> <router-view id="routeView"></router-view> </div> </template> dat

我将在我的Vue网站上显示一个搜索框,但它不会显示

我的代码是(在body.vue中):

我的App.vue如下所示:

 <template>
   <div id="app">
     <header id="header"></header>
     <router-view id="routeView"></router-view>
   </div>
 </template>


data()返回值还包含其他内容。为什么我可以看到我的搜索框?

你能发布完整的代码,或者至少是该组件如何与Vue应用程序的其余部分集成的部分吗?@niklaz my body.Vue只包含其他模板作为第一个模板作为标题模板?如果没有,您确定当前路线正确吗?在body.vue中,我没有任何标题。我有自己的header.vue。我是vue新手,body.vue中是否也需要标题标记@seblor您的App.vue文件具有
,因此,如果第一个模板是标头组件的模板,则显示第一个模板的输入应该没有问题。但是,如果第一个模板应该与routeur一起显示,则需要确保当前路由是正确的(在路由器设置中定义)您能否发布完整代码或至少部分此组件如何与Vue应用程序的其余部分集成?@niklaz my body.Vue仅包含其他模板作为第一个模板作为标题模板?如果没有,您确定当前路线正确吗?在body.vue中,我没有任何标题。我有自己的header.vue。我是vue新手,body.vue中是否也需要标题标记@seblor您的App.vue文件具有
,因此,如果第一个模板是标头组件的模板,则显示第一个模板的输入应该没有问题。但是,如果第一个模板应该与routeur一起显示,则需要确保当前路由是正确的(在路由器设置中定义)
export default {
name: "body",
data() {
  return {
    search: '',
 <template>
   <div id="app">
     <header id="header"></header>
     <router-view id="routeView"></router-view>
   </div>
 </template>