Vue ElementUI Select 选择器实现动态options

<template>
  <el-dialog
    :title="!dataForm.id ? '新增' : '修改'"
    :close-on-click-modal="false"
    width="80%"
    :visible.sync="visible">
    <el-table :data="gridData">
      <el-table-column label="操作" width="50" align="center">
        <template slot-scope="scope">
          <el-button  type="text" @click="deleteRow(scope.$index, gridData)">
            <i class="el-icon-remove"></i>
          </el-button>
        </template>
      </el-table-column>
      <el-table-column label="机构名称" >
        <template slot-scope="scope">
          {
  {mechanismAname}}
        </template>
      </el-table-column>
      <el-table-column label="机构名称" >
        <template slot-scope="scope">
          <el-select :disabled="scope.row.mechanismB!=''" v-model="gridData[scope.$index].mechanismB" placeholder="请输入机构名称">
            <el-option
              v-for="item in (scope.row.mechanismB!=''?options:optionsRest)"
              :key="item.id"
              :label="item.name"
              :value="item.id">
            </el-option>
          </el-select>
        </template>
      </el-ta