带有 V-model 的 Vue 自定义组件答案

【问题标题】：Vue Custom Component with V-model带有 V-model 的 Vue 自定义组件
【发布时间】：2020-09-24 19:55:55
【问题描述】：

我有一个使用自定义组件构建的表单，可供我们使用。注意：我无权访问自定义组件，添加 @input 解决方案对我不起作用。有什么方法可以在不更改组件的情况下从自定义组件中获取价值？

  <section class="container__content">
   <div>Details</div>
      <div class="personal-info">
        <textfield type="text" label="Name" placeholder="Shweta"></textfield>
         <textfield type="text" label="ID" placeholder="sm1234"></textfield>
       </div>

【问题讨论】：

any way i can get value from my custom components without making change in the component? :-)
您能否分享一些代码，您要在哪个上下文中检索值？（这样工作，你显示代码人们帮助你）
@volna 请检查。
这个答案对你有帮助吗*.com/questions/11563638/… ？
@volna no javascript 只能用于 typescript。

标签： vuejs2 vue-component

【解决方案1】：

如果我理解正确，您需要 $refs 对象。 https://vuejs.org/v2/guide/components-edge-cases.html#Accessing-Child-Component-Instances-amp-Child-Elements 基本代码示例：

<template>
<child ref="childA"></child>
<child ref="otherCHild></child>
</template>

this.$refs.childA.something
this.$refs.otherCHild.something

这两个 $refs 变量将是包含在它们各自子项中的 something 变量中的值。

我在 utils 库中使用它来关注我想要在父级中触发操作的更改（例如监视上传完成或错误）

【讨论】：