vue.js - 使用 vue 观察 html 元素的变化

Question

我正在尝试通过以下方式观看 HTML 元素：

 computed: {
    content(){
      return document.querySelector(".tab-content")
    }
 },
 watch: {
    content(newVal) {
      return newVal;
    }
 }

但是当.tab-content发生变化时（它是 innerHTML），vue 不会跟踪/响应它。知道为什么吗？

标签： vue.js

Answer 1

你不能观察计算值，计算方法已经像观察者一样，当内容改变时更新。你使用 watch 方法来观察数据或道具的变化

export default {
    data: () => ({
        content: ''
    }),
   watch: {
       content () {
           return this.content
       }
   }
}