ref动态传值
ref动态传值

ref动态传值

demo: https://codepen.io/cyanxxx/pen/XWeBaQR

官网有一段写着$refs 也不是响应式的,因此你不应该试图用它在模板中做数据绑定

并不是ref不能给动态值,而是如果是依赖其他data的时候,但这个data改变了,触发整个组件重新渲染,这个ref也会改成新值,但是重新渲染这个过程是异步的,如果改变这个值之后立即取$ref.新值是没有内容,但都渲染完之后还是会有这个新值。

也因为这个原因,在渲染模板中如果写了{{$refs}}这个的改变会有延迟,即改变data值引起的组件渲染,在那次重新渲染中$refs的值还没有更新,$refs更新之后也不会重新渲染视图。所以不能再模板里写整个值。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注