如何清除事件后的Buefy输入(VueJS)？
如何清除事件后的Buefy输入(VueJS)？
提问于 2018-06-05 04:27:44
我试图用一个事件清除Buefy输入，但是什么也没有发生。但是，此代码适用于基本输入。
这是我的HTML：
<b-field>
<b-input
id="itemForm"
placeholder="label"
@keyup.enter.native="addItem">
</b-input>
</b-field>下面是我的脚本：
methods: {
addItem () {
var input = document.getElementById('itemForm')
if (input.value !== '') {
this.items.push({
name: input.value
})
input.value = ''
}
}
}回答 1
Stack Overflow用户
回答已采纳
发布于 2018-06-05 05:27:03
我试过了，但我不确定，但使用buefy使用@keyup.enter的唯一方法是：@keyup.native.enter
然而，我认为您想要这样的东西：see it in action
<div id="app" class="container">
<ul>
<li v-for="section in sections" :key="section.id">
{{section.name}}
</li>
</ul>
<section >
<b-field label="Name">
<b-input v-model.trim="name" @keyup.native.enter="addItem()" placeholder="Write and press enter"></b-input>
</b-field>
</section>
</div>和脚本：
Vue.use(Buefy.default)
const example = {
data() {
return {
sections: [],
name: ''
}
},
methods: {
addItem () {
this.sections.push({
name: this.name,
id: Date.now()
})
this.name = ''
}
}
}
const app = new Vue(example)
app.$mount('#app')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50688284
复制相关文章
相似问题