Vuetify自动完成和无渲染组件

Question

我正在尝试将vuetify自动完成组件与可获取和过滤我的数据的无渲染组件结合使用。但是，似乎范围内的插槽不适用于自动完成组件的search-input.sync和v-model方法。

如果我将所有代码移到父组件（其模板中具有自动完成组件），那么一切都会按预期进行。

这是我添加自动完成功能并链接作用域插槽的方式。 “狗狗”组件是无渲染组件，它公开了搜索，日志，状态，加载和选择

<doggie>
  <div slot-scope="{search, logs, states, loading, select}">
    <v-autocomplete
      :loading="loading"
      :items="states"
      :search-input.sync="search"
      v-model="logs"
      cache-items
      class="mx-3"
      flat
      hide-no-data
      hide-details
      no-filter
      label="What state are you from?"
      solo-inverted
    ></v-autocomplete>
  </div>
</doggie>

完整代码可在以下位置获得： https://codepen.io/anon/pen/VdOVOz