Vue之虚拟dom无法正确获取节点方法

应用场景:当在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)
        })
    },

 

转载于:https://my.oschina.net/u/3937325/blog/1927056