diff --git a/src/views/home/aside/comp/AdvanceFilter.vue b/src/views/home/aside/comp/AdvanceFilter.vue index 70951f6..e7f5ef0 100644 --- a/src/views/home/aside/comp/AdvanceFilter.vue +++ b/src/views/home/aside/comp/AdvanceFilter.vue @@ -36,6 +36,7 @@ const pagination = reactive({ pageSize: 300, }); const keyword = ref(""); +const currentlySelectedAdvanced = ref("高级筛选"); onMounted(() => { // data.value = generateDefaultConfig() @@ -138,9 +139,22 @@ function generateFilterEntityList(data) { return filterEntityList; } +/** + * 提取服务器返回 HTML 中文字内容,进行拼接 + * @param {string} str 包含 HTML 标签的字符串,例如 "1" + * @returns {string} 返回拼接后的不包含 HTML 标签的字符串,例如 "11" + */ +function extractTextFromHTML(str) { + // 定义正则表达式匹配模式 + const regex = /<\/span>|(.*?)<\/span>/g; + // 使用正则表达式的 replace 方法进行匹配和替换 + const result = str.replace(regex, ''); + return result; +} function selectHandler(item: FilterEntity) { (popover.value as any).setShow(false); + currentlySelectedAdvanced.value = extractTextFromHTML(item.name) emit("select", item.id); } @@ -226,7 +240,7 @@ const moveEnd = () => { > - 高级筛选 + {{currentlySelectedAdvanced}}