表单穿梭框，并且点击某一行字体变色

<template>
    <el-row :gutter="20">
        <el-col :span="11" class="left_col">
            <!-- <el-input
          class="input"
          v-if="showSearch"
          v-model="searchLeft"
          placeholder="请输入搜索内容"
        ></el-input> -->
            <div class="title">选项合集</div>
            <el-table :data="leftData" @selection-change="handleLeftSelectionChange"
                :header-cell-style="{ background: '#F2F6FF', color: '#6D769B' }" :row-class-name="rowLeftStyle">
                <el-table-column type="selection" width="50" align="center" fixed="left" />

                <div v-for="(item, index) in columns" :key="index">
                    <el-table-column v-if="item.visible" :label="item.label" align="center" :prop="item.key" />
                </div>
            </el-table>
        </el-col>
        <el-col :span="2" class="btns">
            <el-button class="btn" :disabled="leftMultiple" type="primary" icon="el-icon-right" @click="moveToRight"
                circle></el-button>
            <el-button class="btn" :disabled="rightMultiple" type="primary" @click="moveToLeft" icon="el-icon-back"
                circle></el-button>
        </el-col>
        <el-col :span="11" class="right_col">
            <!-- <el-input
          class="input"
          v-if="showSearch"
          v-model="searchRight"
          placeholder="请输入搜索内容"
        ></el-input> -->
            <div class="title">已选择属性</div>
            <el-table :data="rightData" :header-cell-style="{ background: '#F2F6FF', color: '#6D769B' }"
                @selection-change="handleRightSelectionChange"
                :row-class-name="rowRightStyle"
                >
                <el-table-column type="selection" width="50" align="center" fixed="left" />

                <div v-for="(item, index) in columns" :key="index">