Передать данные в модальную форму из таблицы

У меня есть эта таблица:

 <tr v-for="row in tasks">
   <td span @mouseover="showButtonFunction"  @mouseleave="hideButtonFunction">   {{row.text}}<button v-if="showBatton" @click="editWindow(row.text)">Edit</button></td>
   <td span @mouseover="showButtonFunction"  @mouseleave="hideButtonFunction">    {{row.date_current}}</td>
 </tr>

Функция для обработки события click:

 editWindow:function(text){
                    console.log('edit')
                    this.showModal=true;
                    this.textToFunction=text
                }

По клику я получаю модальную форму:

 Vue.component('modal', {
        props: ['text'],
        template: '
    <div class="modal is-active">
      <div class="modal-background"></div>
      <div class="modal-content">
        <div class="box">

                <input type="text" value={{text}} v-on:change="checInput(text)"  name="text" >
            <button  class="btn btn-default">Save</button>
              <button  class="btn btn-default" @click="$emit('close')">Cancel</button>
      </div>
      <button class="modal-close" @click="$emit('close')"></button>
    </div>

    });

Вопрос: Как я могу отправить данные из строки в форму?