Блог

Главная - Вопросы по программированию - Почему мой входной тег поиска не отображается в vue

Почему мой входной тег поиска не отображается в vue

#vue.js

#vue.js

Вопрос:

Я собираюсь отобразить окно поиска на моем веб-сайте Vue, но оно не будет отображаться.

Мой код (это в body.vue):

 <template>
  <div class="searching">
     <input type="text" v-model="search" placeholder="Search.." /> 
  </div>
</template>

Я поместил его в data ()

 export default {
name: "body",
data() {
  return {
    search: '',

Мой App.vue выглядит следующим образом:

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

Возвращаемые данные () также содержат другие данные. Почему я могу видеть свое окно поиска?

Комментарии:

1. можете ли вы опубликовать полный код или хотя бы часть того, как этот компонент интегрирован с остальным приложением Vue?

2. @niklaz my body.vue просто содержит другие шаблоны

3. Является ли первый шаблон шаблоном заголовка? Если нет, вы уверены, что текущий маршрут правильный?

4. В body.vue у меня нет заголовка. У меня есть собственный header.vue. Я новичок в vue, нужен ли мне тег заголовка в body.vue тоже? @Seblor

5. В вашем файле App.vue есть <header id="header"></header> поэтому не должно возникнуть проблем с отображением ввода из первого шаблона, если это шаблон компонента заголовка. Однако, если предполагается, что первый шаблон будет отображаться вместе с маршрутом, вам нужно убедиться, что текущий маршрут правильный (определенный в настройках маршрутизатора)