组件和插槽之间如何通信？

Question

我想知道是否可以在插槽中使组件与v模型通信？

<medical-form>
    <input type="text" v-model="dob" />
</medical-form>

在此示例中， dob 数据在medical-form组件中定义。插槽的内容是在服务器端生成的，因为它使用敏感信息来确定应显示的字段，因此，我无法将表单完全移到medical-form组件中。

Answer 1

是的，您可以给slot-scope，您将获得数据

在您的medical-form component bind中，您的动态价值。

<slot :dob="dob" />

<medical-form>
    <template slot-scope="{dob}">
     <input type="text" v-model="dob" />
    </slot>
</medical-form>

但是最近vue已弃用slot-scope，但它向后兼容并且可以使用。但是，我也想向您展示。

参考-https://vuejs.org/v2/guide/components-slots.html

<medical-form>
  <template v-slot="{dob}">
    <input type="text" v-model="dob" />
  </template>
</medical-form>