Vue.js线程机制问题还是数据双向绑定有延迟的问题

Posted 2020-08-04

　　最近用select2做一个下拉多选，若只是从后端获取一个列表渲染还好说，没有任何问题。但要用select2对数据初始化时进行selected的默认选项进行显示，就出现问题了。

　　

vm.$set(‘areas‘, data.data);
areaIdsSelect2();
areaIdsSelect2Change();

　　区域没有显示出默认的selected。此时做一个定时器，

　　

vm.$set(‘areas‘, data.data);
setTimeout(function () {
      areaIdsSelect2();
      areaIdsSelect2Change();
},1);

　　

　　一个1毫秒的延时，就正常工作了。对这个问题分析了很长时间，没有找到答案。现在感觉需要对线程机制和数据绑定进行深入，这方面需要研究Vuejs源码，现在没条件做这项工作，这个问题先记下来，以后研究。