Vuejs2 如何在vue.js中的嵌套自定义组件中使用v-model?

Vuejs2 如何在vue.js中的嵌套自定义组件中使用v-model?,vuejs2,vue-component,Vuejs2,Vue Component,如何将v型模型用于两级深嵌套组件? e、 g.在HTML中 <opening-hr-field v-model="day"> </opening-hr-field> 这里,我有两层深v型模型。如何将发射从第二个模板传播到第一个模板,并一直传播到父模板?你能给我举个例子吗 如果我没弄错的话,你说的是你有两个嵌套模板,但它们修改的是同一个变量??这个问题是在2017年发布的,比另一个问题发布的时间早得多。如果有任何相似之处,另一个问题是重复的。 <template t

如何将v型模型用于两级深嵌套组件? e、 g.在HTML中

<opening-hr-field v-model="day"> </opening-hr-field>

这里,我有两层深v型模型。如何将发射从第二个模板传播到第一个模板,并一直传播到父模板?你能给我举个例子吗

如果我没弄错的话,你说的是你有两个嵌套模板,但它们修改的是同一个变量??这个问题是在2017年发布的,比另一个问题发布的时间早得多。如果有任何相似之处,另一个问题是重复的。
<template type="text/x-template" id="opening-hr-field-template">
  <div>
    <input type="checkbox" v-model="value.is24Open"> 24 hour
     <time-select v-model = "value.startTime"></time-select>
  </div>
</template>

<template  type="text/x-template" id="time-select-template">
  <select :value="value" 
    v-on:input="$emit('input', $event.target.value)">
    <option v-for="t in getHours()">
      {{ t }}
    </option>
  </select>
</template>