有没有办法在VueJS中设置元素高度的观察者?

我正在try 修复搜索结果页面上的过滤器部分.但如果结果发生变化,就无法找到相关信息并取消过滤器的固定.

推荐答案

您可以使用$ref.yourElement获得高度.clientHeight,在搜索结果返回数据之后.有了它,您可以将高度设置为数据{}部分的一部分,并从那里应用一个监视程序.this example元支票

new Vue({
  el: '#app',
  data: {
    height: 0
  },
  methods: {
    calculateHeight() {
      this.height = this.$refs.app.clientHeight;
    }
  }
});

Vue.js相关问答推荐

检测Vue3/Vue-test-utils中的Vuex还原/Mutations

使用计算(computed)属性更改视图

如何在 vue 组件之外访问$apollo?

VueJs this.method 不是函数?如何在 Vuejs 的另一个方法中调用一个方法?

使用 vue.js 的 axios 预检失败错误 301

VueJS 禁用特定属性的react性

Axios-一次发出多个请求(vue.js)

ionic - `slot` 属性已被弃用 - eslint-plugin-vue

v-if inside v-for - 在两列中显示项目列表

我可以修改 Vue.js VNodes 吗?

Vuetify Jest 未知自定义元素

如何突出显示 Vuetify 菜单中的选定项目?

在Vue中单击路由链接上的激活方法

如何将 Angular 和 Vue 项目合并在一起?

在 .vue 文件中使用 Vue.set() 和 Vue.use()

从 vuex 存储访问 $vuetify 实例属性

从子组件 Vue 更新父模型

在 Vuejs 中放置 firebase.auth().onAuthStateChanged() 的位置

vue-router 如何使用 hash 推送({name:"question"})?

vue-cli@3 没有可用于依赖类型的模块工厂:CssDependency