vue 新增编辑的时候性别下拉框展示数据和列表展示对应的男和女

 

 

 相关代码

<el-form-item label="员工性别">
              <el-select v-model="form.gender" placeholder="请选择性别">
                <el-option
                  v-for="dict in dict.type.sys_user_sex"
                  :key="dict.value"
                  :label="dict.label"
                  :value="dict.value"
                ></el-option>
              </el-select>
            </el-form-item

　　

  dicts: ['sys_user_sex'],

　　

　　有更简便的方法

      <el-table-column label="性别" align="center" prop="gender">
        <template slot-scope="scope">
          <dict-tag :options="dict.type.sys_user_sex" :value="scope.row.gender" />
        </template>
      </el-table-column>