Vue.js Vuetify v-list-group更改活动附加图标

我尝试根据组状态（打开/关闭）更改附加图标。我试着设置，但不起作用：

v-list-group(
        color="success"
        @click:append="this.marker = !this.marker"
        :append-icon="marker ? 'add' : 'remove'")

抱歉，代码不完整： （看起来你的帖子大部分是代码；请添加更多详细信息） 哈巴狗

  v-list(expand, dense, nav)

//1 list lvl
    template(v-for="item in test")
      v-list-item(
        v-if="!item.categories",
      )
        v-list-item-title {{ item.id }}. {{ item.block }}
      v-list-group(
        v-else,
        @click="marker = !marker",
        :append-icon="marker ? 'add' : 'remove'"
      )
        template(#activator)
          v-list-item-content
            v-list-item-title {{ item.id }}. {{ item.block }}

//2 list lvl
        template(v-for="subItem in item.categories")
          v-list-item(
            v-if="!subItem.elements",
          )
            v-list-item-title {{ subItem.id }}. {{ subItem.name }}
          v-list-group(
            v-else,
            :append-icon="marker ? 'add' : 'remove'",
            @click="marker = !marker"
          )
          ....

//3 list lvl ...

你可以试试

<v-list-group
   color="success"
   @click="marker = !marker"
   :append-icon="marker ? 'add' : 'remove'">
</v-list-group>

this.marker=！this.marker-不，我猜在模板中不要使用“this”。你是对的。但是如果我使用marker=！标记不改变的值。我试着使用这个方法，但它也不起作用。谢谢，它起作用了，但所有组的图标都变了。我只需要更改所选组中的图标。如何选择组。您可以在问题中添加相应的代码吗？您可以为数组中的每个对象添加一个标记键，并在单击事件时使用该标记键。因此，现在单击事件将类似于

@click=“item.marker=！item.marker”