我正在尝试向我的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模型,也不知道如何以编程方式选择所需的项目