子コンポーネントから親に変数の値を渡します

Question

別のコンポーネントのコンポーネントからその父にvモデルの値を渡すにはどうすればよいですか？私は、フォームコンポーネントの中にある少し前向きのコンポーネントを作った、今私は会社のモデルにそれを配置するクエリモデルを取得しようとしている。何かアドバイスのため

<modal-client-add inline-template> 
 
    <div class="modal-mask" id="add-client" v-if="showModal" @close="showModal = false" tabindex="-1" role="dialog"> 
 
     <div class="modal-wrapper"> 
 
      <div class="modal-container"> 
 
       <form method="POST" action="/clients" accept-charset="UTF-8" enctype="multipart/form-data" _lpchecked="1" @submit.prevent="onSubmit"> 
 
       <div class="modal-header"> 
 
        <button type="button" class="pull-right" @click="closeModal">×</button> 
 
        <h4 class="modal-title">Add Client</h4> 
 
       </div> 
 
       <div class="modal-body"> 
 
         <div class="row"> 
 
          <div class="col-md-12"> 
 
          
 
          
 
           <keevo-typeahead inline-template> 
 
            <div class="form-group typeahead-wrapper"> 
 
             <label for="company"></label> 
 
             <input name="company" class="form-control" autocomplete="off" 
 
               v-model="query" 
 
               :class="{ loading: isLoading }" 
 
               @input="update" /> 
 
             <ul class="typeahead" v-if="show" > 
 
              <li v-for="result in results" @click="select" v-html="result.name"></li> 
 
             </ul> 
 
            </div> 
 
           </keevo-typeahead> 
 
           
 
           
 
          </div> 
 
          
 
          <div class="modal-footer"> 
 
           <button class="btn btn-default" @click.prevent="closeModal">Close</button> 
 
          <button type="submit"> 
 
          Submit 
 
          </button> 
 
          </div> 
 
         
 
         </div> 
 
        </div> 
 
       </form> 
 
      </div> 
 
     </div> 
 
    </div> 
 
</modal-client-add>

ありがとう！

Answer 1

1. が子供でイベントを放ち：親で `この$（、yourVariable 'をmyevent'）を発する
2. ハンドルイベント：`
3. あなたeventHandlerFunction

であなたのemitedデータを使用します