【antdv】input实现搜索框获取清空输入值

使用Ant Design of Vue 1版本,实现搜索框。

html部分

<a-input-search placeholder="请输入" v-model.value="searchText" @input="onInput" @search="onSearch" />

js部分

export default{
	data(){
		return{
			searchText:''
		}
	},
	methods:{
		//输入时获取值
		onInput(e){
			console.log(e.target.value)
		},
		//搜索时获取值
		onSearch(value){
			console.log(value)
		},
		//清空输入框的值
		clearValue(){
			this.searchText="";
		}
	}
}

你可能感兴趣的:(Ant,Design,of,Vue,javascript,vue.js,前端,anti-design-vue)