vue+element前端页面输入|下拉框没数据控制默认不可点击

log:

主要用到了变量   :disabled  控制是否禁用

<div>
    <el-row :gutter="15">
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px">
        <el-col :span="5">
          <el-form-item label="服务" prop="service">
            <el-select v-model="formData.service" placeholder="请选择服务" @change="selectVersion(formData.service)" filterable clearable 
            :style="{width: '100%'}">
              <el-option v-for="(item, index) in serviceList" :key="index" :label="item.service"
                :value="index" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="5">
          <el-form-item label="版本" prop="version">
            <el-select v-model="formData.version" placeholder="请选择版本" @change="selectCaseList()" filterable clearable :style="{width: '100%'}"
            :disabled="formData.service===''?true:false">
              <el-option v-for="(item, index) in versionList" :key="index" :label="item.version"
                :value="index" :disabled="item.disabled"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-upload :on-success="UploadSuccessRead" :file-list="fileList" action="lp3/fileUpload/" 
          :disabled="formData.person===1 || formData.version ===''?true:false">
          <el-button class="bt" type="primary" icon="el-icon-upload el-icon--right" 
          :disabled="formData.person===1 || formData.version ===''?true:false">上传用例</el-button>
          </el-upload>
        </el-col>
      </el-form>
    </el-row>
  </div>

实现效果：