今天写项目遇到一个问题，使用到了 $nextTick
-
场景是这样的
父组件同步给子组件 :disabled.sync="disabled" 的时候，子组件是一个弹框image.png当点击保存的时候，需要把 button 变成 disabled 的样式，防止用户多次点击，并且点击保存会请求后端保存的 API，会有个等待时间，当后端返回成功后，在父组件中把 disabled 设置为 false，让弹框消失。
但是如果弹框里面的内容没有改变，点击保存，其实没有必须请求后端 API，我是在父组件中做了这样的操作，当我点击某一项要修改的时候，我会先把它的 name 和 url 保存下来，当子组件(也就是弹框) 点击保存没有做修改，我会在父组件中，拿 oldName，oldUrl 和子组件传递过来的进行比较，如果相等就把 disabled 设为 false (这里是因为，点击保存在子组件中会执行 update 操作，把 disabled 设置为 true)
但是当没有改变时，把 disable 设置为 false，并没有效果，vue 并没有派发更新操作，这是就要用到了 $nextTick 在这个函数里面把 disabled 设置为 false。
Vue $nextTick 什么时候使用
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
- 当友情誓言不被遵守，“同甘却不共苦”会怎么样?泰国电影《最佳鬼友》以喜剧恐怖剧情，让我们知道当友情的誓言面临死亡选...
