Javascript 如何处理一个“问题”;输入“;在q-input/Prevent中,提交时是否默认?
我有一个文本输入字段,类似于:Javascript 如何处理一个“问题”;输入“;在q-input/Prevent中,提交时是否默认?,javascript,forms,preventdefault,quasar-framework,Javascript,Forms,Preventdefault,Quasar Framework,我有一个文本输入字段,类似于: <q-input @blur="checkTextAnswer" @keyup.enter="submit" @keydown="checkEnterKey" v-model.trim="textInput" 您需要在活动中使用vue“.provent”。它还需要是@keydown事件,因为在“textarea”类型的输入中使用@keydown事件调用“addn
<q-input
@blur="checkTextAnswer"
@keyup.enter="submit"
@keydown="checkEnterKey"
v-model.trim="textInput"
您需要在活动中使用vue“.provent”。它还需要是@keydown事件,因为在“textarea”类型的输入中使用@keydown事件调用“addnewline”事件
解决办法是:
<q-input
type="textarea"
@keydown.enter.prevent="submit"
v-model.trim="textInput"
但是,它不起作用…>>`[Vue warn]:未在实例上定义属性或方法“提交…”实际上,在这个例子中,我只有一个输入区域,没有表单。我只是想去掉输入中出现的换行符。哦,我只是假设“提交”是您的一种方法,当在组件/vue实例中按下按钮时,您可以处理您想做的任何事情。在这种情况下,您必须创建一个方法并在keydown事件中调用它。理论上,使用“.enter.prevent”不应创建换行符。如果只想在按enter键时设置变量textInput,而不是在进行反应性更新时设置变量textInput,则应使用“:value”而不是“v-model”
this.$refs[refKeyYouGaveToYourForm].submit()