修改ref使用

This commit is contained in:
灌糖包子 2026-03-24 23:00:58 +08:00
parent fb1cbbada4
commit 6c8ac211ae
Signed by: sookie
GPG Key ID: 0599BECB75C1E68D

View File

@ -94,8 +94,8 @@ const vm = createApp({
}, },
openFullTextSearch() { openFullTextSearch() {
this.hideSlider() this.hideSlider()
this.$refs.fullTextSearch.classList.add('in') document.getElementById('search-panel').classList.add('in')
this.$refs.mask.classList.add('in') document.querySelector('.js-mask').classList.add('in')
}, },
loadSearchResult() { loadSearchResult() {
this.fullTextSearch.pageNum++ this.fullTextSearch.pageNum++
@ -177,14 +177,15 @@ const vm = createApp({
document.addEventListener('copy', () => { document.addEventListener('copy', () => {
this.showMessage('你都复制了些什么呀,转载要记得加上出处哦') this.showMessage('你都复制了些什么呀,转载要记得加上出处哦')
}) })
const maskEl = document.querySelector('.js-mask')
const hideModal = () => { const hideModal = () => {
document.querySelectorAll('.page-modal').forEach(modal => { document.querySelectorAll('.page-modal').forEach(modal => {
modal.classList.remove('in') modal.classList.remove('in')
}) })
this.$refs.mask.classList.remove('in') maskEl.classList.remove('in')
} }
// 隐藏模态框 // 隐藏模态框
this.$refs.mask.addEventListener('click', hideModal) maskEl.addEventListener('click', hideModal)
document.querySelectorAll('.js-modal-close').forEach(modalClose => { document.querySelectorAll('.js-modal-close').forEach(modalClose => {
modalClose.addEventListener('click', hideModal) modalClose.addEventListener('click', hideModal)
}) })