笔记：监听多个对象和this.$nextTick使用

最新推荐文章于 2024-06-29 10:47:44 发布

gongrl07

最新推荐文章于 2024-06-29 10:47:44 发布

阅读量303

点赞数

CC 4.0 BY-SA版权

分类专栏：学习，分享

本文链接：https://blog.youkuaiyun.com/gongrl07/article/details/98727638

学习，分享专栏收录该内容

3 篇文章

订阅专栏

本文探讨了Vue.js中data属性的初始化与监听机制，通过实例展示了如何在组件中使用data选项来定义响应式属性，并利用watch选项进行深度监听。同时，介绍了如何使用$nextTick确保DOM更新后的回调执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data() {
  return {
    city: '',
    country: ''
  }
},
computed: {
  address() {
    const { city, country } = this
    return {
      city,
      country
    }
  }
},
watch: {
  address: {
    handler: function(val) {
      console.log('address change: ', val)
    },
    deep: true
  }
}

this.$nextTick

watch: { //渲染完后，监听

totalList:function() {

this.$nextTick(function(){

this.homeHeight = this.$refs.homeWrapper.offsetHeight

console.log('监听高度：', this.homeHeight)

});

}