vue项目中发送请求获取到的数据渲染到界面之后无法对其进行DOM操作的问题
vue.js通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触DOM。this.$nextTick()将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。它跟全局方法vue.nextTick一样,不同的是回调的this自动绑定到调用它的实例上。 this.nextTick()和this.$nextTick()的区别 this.nextTick(...
·
vue.js通常鼓励开发人员沿着“数据驱动”的方式思考,避免直接接触DOM。this.$nextTick()将回调延迟到下次DOM更新循环之后执行。在修改数据之后立即使用它,然后等待DOM更新。它跟全局方法vue.nextTick一样,不同的是回调的this自动绑定到调用它的实例上。
this.nextTick()和this.$nextTick()的区别
this.nextTick(callback)是当数据发生变化,更新后执行回调;
this.$nextTick(callback)是当DOM发生变化,更新后执行的回调;
在获取数据的操作中添加this.$nextTick()函数,在其回调函数中可以对这些数据进行DOM操作。
注意:在nodejs中查询数据的操作是异步的,因此要注意最后的结果需要有一个不变的条件来进行判断。
更多推荐
已为社区贡献2条内容
所有评论(0)