在DOM改变之后， $nextTick执行的方法里面回调 ，可以获取更新后的DOM，然后再做其他操作。。
html：<body><div id="app"><div ref = "box">{{msg}}</div><div>msg1的值是：{{msg1}}</div><div>msg2的值是：{{msg2}}</div><button @click="change">点我改变msg的值</button></div></body>
js：<script type="text/javascript">new Vue({el:'#app',data:{msg:'hello',msg1:'',msg2:'',},methods:{change(){this.msg = "Hello world"this.msg1=this.$refs.box.innerHTML;this.$nextTick(() => {this.msg2 = this.$refs.box.innerHTML;})}} })</script>运行结果如下：
初始值： 改变后：
helloHello worldmsg1的值是：msg1的值是：hellomsg2的值是：msg2的值是：Hello world
更多推荐
作用,Vue,nextTick
发布评论