VUE数据加载完成后的执行

惜

今天，做聊天的时候，遇到一个问题，在加载数据和修改数据，以及发送数据时，需要把滚动条移动最底部。

经过，看文档，百度 ，终于结束这个问题。不说了 直接上代码

[HTML] 纯文本查看 复制代码

    data: function() {
      return {
        content: '',
        messageList: [],
        name:''
      };
    },
    created: function() {
      getHistoryMessages(this); //这里是 第一次加载历史数据的时候
    },
    mounted: function(){
      mounted(this);
    },
    methods: {
      send: function() {
        sendMessage(this);       //发送聊天数据
      }
    },
    watch: {
      $route: function(to, from) {
        getHistoryMessages(this);      //路由改变时，加载当前聊天对象的数据
      }
    },
    updated: function() {                  //在这里加入 ，当数据变更时，引入 .$nextTick 钩子 ，延时执行下面的方法
        this.$nextTick(function() {
              var ele = document.getElementById('dom_id');
              ele.scrollTop = ele.scrollHeight;
        });
    }

竹林风

看到这帖子真是高兴！

站长苏飞

我只是路过打酱油的。

范范

激动人心，无法言表！

Amy

强烈支持楼主ing……