Closed snowdreams1006 closed 1 year ago
设置默认查询条件,应该在封装的 CRUD 方法中参数 query 对象中设置
cruds() {
return CRUD(
// 其他参数
{ query: { createTime: defaultCreateTime , blurry: 'bestsellers' }
})
}
// createTime 的默认值你可以在一个js 中写一个方法返回这个默认创建时间,再引入这个js文件
// 示例
function defaultCreateTime () {
let startTime = new Date(new Date().setHours(0, 0, 0))
let endTime = new Date(new Date().setHours(23, 59, 59))
startTime = startTime.strftime('%Y-%m-%d %H:%M:%S')
endTime = endTime.strftime('%Y-%m-%d %H:%M:%S')
const arr = [startTime, endTime]
return arr
}
export default defaultCreateTime
这样就能解决你 “搜索框无法清除内容也不能输入内容,日期选择框选择后没有反应,再次点击查询才出现”
设置默认查询条件,应该在封装的 CRUD 方法中参数 query 对象中设置
cruds() { return CRUD( // 其他参数 { query: { createTime: defaultCreateTime , blurry: 'bestsellers' } }) } // createTime 的默认值你可以在一个js 中写一个方法返回这个默认创建时间,再引入这个js文件 // 示例 function defaultCreateTime () { let startTime = new Date(new Date().setHours(0, 0, 0)) let endTime = new Date(new Date().setHours(23, 59, 59)) startTime = startTime.strftime('%Y-%m-%d %H:%M:%S') endTime = endTime.strftime('%Y-%m-%d %H:%M:%S') const arr = [startTime, endTime] return arr } export default defaultCreateTime
这样就能解决你 “搜索框无法清除内容也不能输入内容,日期选择框选择后没有反应,再次点击查询才出现”
感谢,亲测可用,是一种解决办法!
例如系统工具>本地存储管理,设置默认查询条件会导致el-input无法再次输入,<date-range-picker延迟选择等问题,请问应该如何设置默认值?
问题截图:
复现流程:
src\views\tools\storage\local\index.vue
文件中的搜索框区域,如下:CRUD.HOOK.beforeRefresh
钩子函数中设置默认查询条件,如下: