VUE渲染更新完后调用函数

最新推荐文章于 2024-07-03 18:03:22 发布

天空是白色的

最新推荐文章于 2024-07-03 18:03:22 发布

阅读量1.1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/didididadadannn/article/details/128924009

版权

该文章讲述了在JavaScript环境下，特别是在Vue.js框架中，如何使用watch监听接口返回的数组更新。在数据更新后，利用$nextTick确保DOM更新，然后执行setScroll函数，获取div的内联样式高度，并判断是否显示滚动条。同时，文章涉及到内容复制到剪贴板的相关操作。

摘要由CSDN通过智能技术生成

```javascript
watch: {
    warningData: function (arr) {
      this.$nextTick(() => {
        this.setScroll();
      });
    },
  },
setScroll() {
      this.InnerHeight = this.getStyleHeight(this.$refs.scrollInner);
      this.isShowScroll = this.isNeedScroll(
        Number(this.scrollHeight),
        this.InnerHeight,
      );
      this.copyHtml = this.isShowScroll ? this.$refs.scrollInner.innerHTML : '';
    },

监听接口返回数组更新，更新完后用$nextTick调用函数，即页面二次更新后调用函数，获取div的属性。