Vue.js 如何默认打开一个vlistgroup

<v-list>
  <v-list-group :value="isOpen1">
    <template v-slot:activator="{ props }">
      <v-list-item/>
    </template>
    <v-list-item/>
  </v-list-group>
  <v-list-group :value="isOpen2">
    <template v-slot:activator="{ props }">
      <v-list-item/>
    </template>
    <v-list-item/>
  </v-list-group>
</v-list>

export default {
  data() {
    return {
      isOpen1: true,
      isOpen2: true
    }
  }
}

<v-list v-model:opened="openedGroups">
  <v-list-group value="group1">
    ...
  </v-list-group>
  <v-list-group value="group2">
    ...
  </v-list-group>
</v-list>

export default {
  data() {
    return {
      openedGroups: ['group1']
    }
  }
}

Vue.js相关问答推荐

使用项目和字段，列跨度为 2 的 Bootstrap-vue 表

在Vue 2中，是否可能在不创建组件的情况下注入代码块？

VSelect - Select 不适用于 Vuetify 3 中的自定义项目插槽

在 onMounted 之前渲染的 Vue 模板

我在表格中创建了一个包含信息的新行，但在 Cypress e2e 测试中我无法获得最后一行(新行)

VueJS3 - 在 for 循环中获取元素的句柄

如何从mustache内的过滤器输出html

如何在 Vue.js 中获取完整的当前日期和时间，而无需编写大量 JavaScript 行

判断 vue-router.beforeEach 不限制对路由的访问

Object.assign 没有正确复制

在 vue.js 中获取当前时间和日期

即使在客户端设置 Access-Control-Allow-Origin 或其他 Access-Control-Allow-* 标头后也出现 CORS 错误

在组件外使用 VueI18n 的问题

VueJS 通过渲染传递数据

如何将 Angular 和 Vue 项目合并在一起？

如何在 JEST 测试中模拟全局 Vue.js 变量

将 ref 的内容从子组件传递到另一个 VueJS 子组件

如何从浏览器的源中删除 webpack：//

如何在 vue.js 中通过单击事件发出值

vuejs 复制数据对象和删除属性也会从原始对象中删除属性