el-table中动态设置ref,焦点事件使用

<el-table :data="list">
    <el-table-column prop="course" label="course">
        <template slot-scope="scope">
          <!-- 使用闭包为每个el-select生成一个唯一的ref名称 -->
          <el-select
          :ref="`CourseDropdown_${scope.$index}`"
          @visible-change="verBergDropdown(scope)"
          v-model="scope.row.course"
          size="mini"
          :visible-change="false">
            <el-option
            v-for="item in courseName"
            :key="item.id"
            :label="item.name"
            :value="item.id">
            </el-option>
          </el-select>
         </template>
    </el-table-column>
</el-table>


<script>
//在这里处理事件
function verBergDropdown(val) {
      if(val.row){
        this.$nextTick(() => {
          this.$refs[`CourseDropdown_${val.$index}`].blur();
        });
      }
    },

</script>