屏幕宽度响应式

Question

const w = ref(document.documentElement.clientWidth)

export const isMobileTerminal = computed(() => {
    return w.value < PC_DEVICE_WIDTH
})

求佬们解答，这样写为啥也是没有响应式的？

Answer 1

Sunday 2022-05-12 17:55:07

你好

这样的代码应该是没有问题的，可能是其他的地方出现了错误。

• 提问者 Pursuit001 #1

  在computed中输出w.value语句，发现计算属性也不会随着屏幕缩放而重新执行

• Sunday 回复 提问者 Pursuit001 #2

  你这个输出是不会输出的，因为 const w = ref(document.documentElement.clientWidth) 只是一个普通的 ref 数据，而不是一个可以监听《浏览器窗口缩放的响应式数据》。

• 提问者 Pursuit001 #3

  嗯嗯，懂了老师