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，就会自动选中。