You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
// components/search/searchbar.js
|
|
|
|
|
Component({
|
|
|
|
|
/**
|
|
|
|
|
* 组件的属性列表
|
|
|
|
|
*/
|
|
|
|
|
properties: {
|
|
|
|
|
placeholder: {
|
|
|
|
|
type: String,
|
|
|
|
|
value: '',
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 组件的初始数据
|
|
|
|
|
*/
|
|
|
|
|
data: {
|
|
|
|
|
inputValue: ''
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* 组件的方法列表
|
|
|
|
|
*/
|
|
|
|
|
methods: {
|
|
|
|
|
// 用户输入触发
|
|
|
|
|
handleInput: function (e) {
|
|
|
|
|
this.setData({
|
|
|
|
|
inputValue: e.detail.value
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
// 点击清空输入框icon
|
|
|
|
|
handleDeleteClick: function () {
|
|
|
|
|
this.setData({
|
|
|
|
|
inputValue: ''
|
|
|
|
|
})
|
|
|
|
|
this.triggerEvent('handleSearch', this.data.inputValue)
|
|
|
|
|
},
|
|
|
|
|
// 点击取消触发
|
|
|
|
|
handleTextbtnClick() {
|
|
|
|
|
// 触发父组件中的方法
|
|
|
|
|
this.setData({
|
|
|
|
|
inputValue: ''
|
|
|
|
|
})
|
|
|
|
|
this.triggerEvent('handleSearch', this.data.inputValue)
|
|
|
|
|
},
|
|
|
|
|
// 用户点击确定触发
|
|
|
|
|
handleConfirm() {
|
|
|
|
|
console.log('handleConfirm', this.data.inputValue)
|
|
|
|
|
this.triggerEvent('handleSearch', this.data.inputValue)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
