生命周期函数里的updated（）方法可以用来监控页面dom的变化吗？

Question

因为之前想实时监控input range滑动条里面的value，当value值是通过父组件传过来的props，在子组件监控到value的变化后要修改这个input的属性，
最开始是想通过watch方法监控value的变化，但是发现watch方法里面不能用KaTeX parse error: Expected 'EOF', got '来' at position 11: refs.style来̲修改input元素的属性，因为…refs这个dom
，看到课上说updated是每次dom变化执行，那么updated可以监控value变化吗？在updated里面每次根据value变化值用$refs修改style是否可行呢？
有什么其他好办法可以实时监控input里面父组件传过来的value值，同时改变改子组件的input。style属性吗？

Answer 1

Dell 2019-09-03 01:07:58

你直接使用watch不就可以了么

• 提问者 慕圣3009968 #1

  watch里面也不能通过$refs获取元素来改变元素的style属性啊，watch里面$refs会说dom不存在

• Dell 回复 提问者 慕圣3009968 #2

  你做判断，因为初始化的时候，dom确实是不存在的，所以watch你里面写判断，如果没有就不处理，如果找到dom，就去做dom操作

• 提问者 慕圣3009968 #3

  非常感谢！