vue2中父组件怎么通过ref动态获取子组件最新的值

在 Vue 2 中，你可以通过 `$refs` 对象来访问子组件。首先，在子组件中给元素设置 `ref` 属性，然后在父组件中使用 `$refs` 对象来访问该子组件。具体实现步骤如下：

1. 在子组件中给需要获取值的元素设置 `ref` 属性。

   <template>
     <div>
       <input type="text" ref="myInput" />
     </div>
   </template>

2. 在父组件中使用 `$refs` 对象来访问该子组件，并获取 `ref` 值为 `myInput` 的元素的值。

   export default {
     methods: {
       getValueFromChild() {
         const childComponent = this.$refs.myChildComponent;
         const inputValue = childComponent.$refs.myInput.value;
         console.log(inputValue);
       },
     },
   };

注意事项：

- `$refs` 只在组件渲染完成后才填充，并且它不是响应式的。
- 如果你需要在父组件中获取子组件的值，建议将子组件的数据通过 `props` 传递给父组件，然后在父组件中处理。