我想在onFocus上将v文本字段的值设置为空。
我尝试了onFocus属性,但是没有任何反应。我想清除焦点上的值,而不要使用vuetify的clearable按钮。
<v-text-field type="number" value="0"></v-text-field>
关于如何做到这一点的任何建议? :-)
您可以使用@focus
事件来触发方法。
这是带有输入的示例。
我使用了v-model
有关Vue.js events的更多信息。
Vue.config.devtools = false;
Vue.config.productionTip = false;
var app = new Vue({
el: '#app',data: {
value: 'test'
},methods: {
onFocus() {
this.value = '';
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<input v-model="value" @focus="onFocus" />
</div>
,
你能尝试
<v-text-field type="number" value="0" @focus="someMethod()"></v-text-field>
如果您查看vuetify文档
您会在右侧页边空白处看到一个事件标签,以及广告位和道具