应用场景:当在vue项目从后台获取数据动态渲染页面时,需要给动态页面的dom节点绑定响应事件,在updated中可以绑定上
一.使用Vue.nextTick(function(){...})
nextTick可以在下一次更新dom之后进行回调,我的问题在于,在页面加载完成时无法获取虚拟dom,而使用回调函数后就可以获取到正确的dom数量,所以只需要在nextTick函数中执行jq函数就可以正确获取了。
this.$nextTick(function () {
// DOM 更新了
})
二.使用vm实例的生命周期钩子函数updated
updated() {
$('.edit')
.attr('contenteditable', this.editable)
.on('blur',() => {
const html = $('#containt').html()
this.$store.commit('editHome',html)
})
},