study/ClipboardManager
1
0
Fork 0
mirror of https://github.com/ZiuChen/ClipboardManager.git synced 2025-06-07 22:04:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复了检索时展示了未过滤数据的问题

Browse Source
This commit is contained in:
ZiuChen 2022-09-08 18:08:18 +08:00
parent cfd6585828
commit f748b56e3b
1 changed files with 26 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/Main.vue
View File

@ -37,14 +37,8 @@ const filterText = ref('') // 搜索框绑定值
const list = ref([]) // 全部数据
const showList = ref([]) // 展示的数据
const updateShowList = (type) => {
// 更新显示列表
showList.value = list.value
.filter((item) =>
type === 'collect' ? item.collect === true : type === 'all' ? item : item.type === type
) // 是 collect则返回所有收藏 否则按照 type返回
.filter((item) => (filterText.value ? item.type !== 'image' : item)) // 有过滤词 排除掉图片 DataURL
.filter((item) => {
const textFilterCallBack = (item) => {
// filterText & item
if (filterText.value.trim()) {
if (filterText.value.trim().indexOf(' ') !== -1) {
// 有过滤词 有空格
@ -62,7 +56,16 @@ const updateShowList = (type) => {
// 无过滤词 返回全部
return true
}
})
}
const updateShowList = (type) => {
// 更新显示列表
showList.value = list.value
.filter((item) =>
type === 'collect' ? item.collect === true : type === 'all' ? item : item.type === type
) // 是 collect则返回所有收藏 否则按照 type返回
.filter((item) => (filterText.value ? item.type !== 'image' : item)) // 有过滤词 排除掉图片 DataURL
.filter((item) => textFilterCallBack(item))
.slice(0, GAP) // 重新切分懒加载列表
window.toTop()
}
@ -125,9 +128,11 @@ onMounted(() => {
offset.value += GAP
let addition = []
if (activeTab.value !== 'all') {
addition = list.value.filter((item) => item.type === activeTab.value)
} else {
addition = list.value
.filter((item) => item.type === activeTab.value)
.filter((item) => textFilterCallBack(item))
} else {
addition = list.value.filter((item) => textFilterCallBack(item))
}
addition = addition.slice(offset.value, offset.value + GAP)
if (addition.length) {