el-table实现表格整行选中状态，背景颜色切换

<el-table :data="tableData" @row-click="handleRowClick" :rowClassName="tableRowClassName" 
    :header-row-style="{color:'#333',fontWeight:'bold',fontSize:'14px'}" style="width: 100%"> 
    <el-table-column
        prop="totalPrice"
        label="现金总额"> 
    el-table-column>
    <el-table-column
        prop="createTime"
        label="注册时间">
        <template slot-scope="scope">
            <div> 
                
                    v-model="scope.row.experienceFlag"
                    >
                el-switch>
            div>
        template>
    el-table-column>
    <el-table-column
        prop="address"
        label="消费签名时间">
        <template slot-scope="scope">
            <div>
                {{ scope.row.dateFlag?'限制':'不限制' }}
            div>
        template>
    el-table-column>  
    <el-table-column
        prop="address"
        label="员工">
    el-table-column> 
    <el-table-column
        prop="categoryName"
        label="获客渠道">
    el-table-column> 
    <el-table-column 
        label="选择">
        <template slot-scope="scope">
            <div>
                <svg-icon iconClass="praise" v-show="scope.$index!=tableRowIndex" class="icons praise verticalMiddle" >svg-icon>
                <span class="el-icon-check checkValTable" v-show="scope.$index==tableRowIndex">span>
            div>
        template>
    el-table-column> 
el-table>