el-select隐藏

Question

题目描述<el-table-column label="反担保方式" align="center" width="120px">      <template slot-scope="scope">         <el-select placeholder="请选择" v-model="scope.row.warrant_type" clearable>           <el-option key="1" label="保证" value="1"></el-option>           <el-option key="2" label="质押" value="2"></el-option>           <el-option key="3" label="抵押" value="3"></el-option>         </el-select>       </template>     </el-table-column>像这样写，有没有那种方式可以默认为保证，并且隐藏这一栏。有没有那个大神解决一下啊你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

<el-table-column label="反担保方式" align="center" width="120px">
  <template slot-scope="scope">
    <el-select placeholder="请选择" v-model="scope.row.warrant_type" clearable>
      <el-option key="1" label="保证" value="1" v-show="scope.row.warrant_type==1"></el-option>
      <el-option key="2" label="质押" value="2"></el-option>
      <el-option key="3" label="抵押" value="3"></el-option>
    </el-select>
  </template></el-table-column>

warrant_type 把这个值设置为 1，就会自动选中。