我有一个菜鸟问题。
我有一个带有文本字段的表格。如果我输入一些内容,然后按Enter键,则没有结果。如果我输入内容,然后按按钮,我会得到想要的结果。有人可以帮我解决这个问题吗-这是用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" />
答案 0 :(得分:1)
将按钮放入<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
。
答案 1 :(得分: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"
>