vue选中状态来改变字体颜色

首先，在  标签上添加一个动态绑定的 class 属性，用于根据选中状态来动态设置类名。同时，在 batchDelete 方法中添加逻辑来更新选中状态。

html

  批量删除


在 Vue 实例中，定义一个计算属性 hasSelectedItems 来判断是否有选中的项。
javascript

computed: {
  hasSelectedItems() {
    return this.list.some(item => item.selected);
  }
}

在 
这样，当没有选中项时，delAll 类会应用到  标签，并使用原本的颜色。而当有选中项时，selected 类会同时应用，改变字体颜色为黑色。

注意：请确保 list 数组中的每个项都有 selected 属性，用于存储选中状态。如果在初始化时没有为每个项设置 selected 属性，你可以在数据加载后或添加项时，手动遍历设置初始值为 false。