碑文
ページ内の検索機能を使用したところ、時刻で検索した場合、時刻をクリアしても検索時に対応する変化が見られないなどの問題が発生したのですが、どうすればよいでしょうか。
考える
検索に変更がない場合、検索インターフェイスを使用するときに元のデータが同じであることを意味すると考えてみましょう。では、クリアに問題があるのでしょうか? 根本的な原因はこの問題です。
コードを解決する
<el-col :span="8">
<el-form-item label="交易申请时间" prop="applyDate">
<el-date-picker
v-model="applyDate"
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
clearable
@input="clearableChange"
/>
</el-form-item>
</el-col>
data:
beginAndEnd:[],
// 查询条件
queryForm: {
tcStart: '',
tcEnd: ''
},
methods:
// 清空时间
handleDate (e) {
this.$nextTick(() => {
if (t == null) {
this.applyDate = []
return
}
this.query.applyDateStart = this.applyDate[0]
this.query.applyDateEnd = this.applyDate[1]
})
},
要約:
el-date-picker コンポーネントにはクリア可能なコールバック関数がないため、割り当ての問題を解決するには、入力イベントまたは変更イベントを使用する必要があります。