Как передать v-модель на родителя в шаблон - PullRequest
Новая
       41

Как передать v-модель на родителя в шаблон

0 голосов
/ 02 июня 2018

Я пытаюсь составить пользовательский интерфейс для страницы поиска, но хочу использовать компоненты для повторного использования кода.Однако мне нужен способ передать модель страницы поисковому компоненту, и я не вижу, как:

In index.html: 

<template id="search">
  <q-search inverted placeholder="Look" float-label="Search" v-model="search" /> <-- BIND HERE
</template>

<template id="ListCustomersPage">
<q-layout>
  <q-layout-header>
    <search v-model="search"></search> <-- HOW PASS INTO THIS
  </q-layout-header>
</q-layout>
</template>

И код: 

const search = {
  template: '#search',
  props: ['search']
};

const ListCustomersPage = {
  key: 'ListCustomersPage',
  template: '#ListCustomersPage',
  components: { search },
  data() {
    return {
      title: 'Select Customer',
      search:''  <-- FROM THIS TO 'BIND HERE'
    }
  }
};

1 Ответ

0 голосов
/ 02 июня 2018

Я не уверен, что я на 100% следую тому, что вы спрашиваете, но похоже, что вы просто хотите передать свойство дочернему компоненту?

<search :search="search"></search> <-- HOW PASS THIS

Передача опоры ребенку осуществляется с помощью v-bind или короткой руки для двоеточия.

<child-component :property="parent_data"></child-component>

<child-component v-bind:property="parent_data"></child-component>

См. Документацию здесь .

...