完整版：vue给el-table动态添加删除行，加校验，并本地缓存数据

先上效果图

 

 废话少言 直接上代码

渲染代码

<el-table stripe highlight-current-row border v-loading="dataListLoading" :data="dataList" @selection-change="selectionChangeHandle()">
    <el-table-column type="selection" header-align="center" align="center"></el-table-column>
    <el-table-column type="index" label="序号" header-align="center" width="60" align="center" show-overflow-tooltip>
    </el-table-column>
    <el-table-column label="访问方向" header-align="center" width="120" align="center">
        <template slot-scope="scope">
            <el-select v-if="scope.row.edit" v-model="scope.row.direction" placeholder="请选择" clearable>
                <el-option label="出访" value="出访"></el-option>
                <el-option label="入访" value="入访"></el-option>
            </el-select>
            <span v-show="scope.row.tVisible" style="margin-left: 10px">{
 { scope.row.direction }}</span>
        </template>
    </el-table-column>
    <el-table-column label="源地址对应的映射承载网IP" header-align&