Vue.js отправить текстовую кнопку

Question

У меня вопрос по нубу.

У меня есть форма с текстовым полем.Если я что-то наберу и нажму на ввод, результата нет.Если я что-то наберу и нажму кнопку, я получу желаемый результат.Может кто-нибудь помочь мне исправить это - это написано в vue.js

    <div class ="well">
    <form class="form-inline" onsubmit="searchName">
    <h1><label>Enter Search</label></h1>
    <input type="text" name="name" class="form-control" v-model="search">    
    </form>
    </div>
    <input id="clickMe" type="button" value="clickme" v-on:click="searchName" />

Answer 1

Вы можете добавить событие в текстовое поле.

<input 
type="text" 
name="name" 
class="form-control" 
v-model="search"
v-on:keyup.enter="searchName" 
/>

Или добавить событие отправки в вашей форме

<form 
class="form-inline" 
v-on:submit.prevent="searchName"
>

Answer 2

поместите свою кнопку внутри тега <form> и измените тип кнопки на submit:

<div class ="well">
    <form class="form-inline" @submit.prevent="searchName">
        <h1><label>Enter Search</label></h1>
        <input type="text" name="name" class="form-control" v-model="search">   
        <input id="clickMe" type="submit" value="clickme"/> 
    </form>
</div>

РЕДАКТИРОВАТЬ

вместо события onclickв кнопке используйте @submit.prevent в форме.