组件内监听vuex数据的改变

最新推荐文章于 2023-02-20 14:21:58 发布

Monop

最新推荐文章于 2023-02-20 14:21:58 发布

阅读量371

点赞数

CC 4.0 BY-SA版权

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/m0_53251830/article/details/122621998

本文介绍了一种Vue.js应用中实现元素高度自适应的方法。通过计算属性和侦听器结合Vuex状态管理，使应用能够根据外部变化自动调整内部元素的高度。

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

data(){
    return{
        maxHeight:null
    }
},

//  组件内：
computed: {
    result1() {
      return this.$store.state.maxHeight;
    },
  },
watch: {
    result1: {
      handler(nval, oval) {  //nval新的值，oval旧的值
        this.maxHeight = nval - 150;
      },
      deep: true, // 深度监听
      immediate: true, //立即执行
    },
}