带有过渡的v-list-item-group无法访问我的v-model

时间:2019-10-24 09:19:31

标签: vue.js vuetify.js

我正在尝试向我的v-list-item-group添加一些过渡 但是在添加了dat动画之后,我无法将v-model设置为v-list-item-group,因此无法控制所选项目

我正在使用vuetify 2. *最新版本

我的工作代码

<v-list-item-group v-model="model">
    <v-list-item v-for="(item, i) in items" :key="i">
      <v-list-item-icon>
        <v-icon>icon</v-icon>
      </v-list-item-icon>
      <v-list-item-content>
        <v-list-item-title>some title</v-list-item-title>
        <v-list-item-subtitle>some subtitle</v-list-item-subtitle>
      </v-list-item-content>
    </v-list-item>
  </v-list-item-group>

添加一些过渡之后

<v-list-item-group v-model="model">
    <v-slide-y-transition group tag="v-list-item-group" >
      <v-list-item v-for="(item) in items" :key="item.uniqId">
        <v-list-item-icon>
          <v-icon>icon</v-icon>
        </v-list-item-icon>
        <v-list-item-content>
          <v-list-item-title>some title</v-list-item-title>
          <v-list-item-subtitle>some subtitle</v-list-item-subtitle>
        </v-list-item-content>
      </v-list-item>
    </v-slide-y-transition>
  </v-list-item-group>

也尝试过dat

<v-slide-y-transition group tag="v-list-item-group" v-model="model">
      <v-list-item v-for="(item) in items" :key="item.uniqId">
        <v-list-item-icon>
          <v-icon>icon</v-icon>
        </v-list-item-icon>
        <v-list-item-content>
          <v-list-item-title>some title</v-list-item-title>
          <v-list-item-subtitle>some subtitle</v-list-item-subtitle>
        </v-list-item-content>
      </v-list-item>
    </v-slide-y-transition>

结果我无法再使用v模型,也不知道如何以编程方式选择所需的项目

0 个答案:

没有答案