Vue+style 动态样式绑定（收藏图标）

主要代码：

0：未收藏

1：已收藏

<vab-icon :icon="row.is_collect == 1 ? 'star-fill' : 'star-line'" :style="{ color: row.is_collect == 1 ? 'orange' : '' }" />

效果截图：

代码：

<el-table
  v-loading="listLoading"
  :data="grouplist"
  border
>
  <el-table-column align="center" type="selection" />
  <el-table-column align="center" width="55">
    <template #default="{ row }">
      <vab-icon
        :icon="row.is_collect == 1 ? 'star-fill' : 'star-line'"
        :style="{ color: row.is_collect == 1 ? 'orange' : '' }"
      />
    </template>
  </el-table-column>
</el-table>