A snippet of code teaches you the use of class :style and {{}} in VUE

<el-table-column
                    label="Processed or not?"
                    width="180">
                <template slot-scope="scope">
                    <i :class="scope.row.handle===0? 'el-icon-close':'el-icon-success'"
                       :style="{color:scope.row.handle===0? 'red':'green'}"></i>
                    <span style="margin-left: 10px">{{ scope.row.handle===0? 'red':'green'}}</span>
                </template>
</el-table-column>
Copy the code