Vue--属性更新后等待DOM更新完毕触发DOM事件(备忘)

备忘:遇到问题解决后的临时记录,没有进行整理和系统的深究原理,所以比较潦草,欢迎喷

表单action是动态的，在更新完action后进行submit

<form id="job_info_form" v-bind:action="job_info_action_url" method="post" >

<form>

不成功写法:

self.job_info_action_url = "/xxxxx/xxxx/xxxxx"
$("#job_info_form").submit();

原因:函数中更新属性值后函数执行完毕才会更新DOM上的值

解决:使用Vue自带DOM更新后回调    $nextTick 

正确写法:

self.job_info_action_url = "/xxxxx/xxxx/xxxxx"

self.$nextTick(function () {
      $("#job_info_form").submit();
});