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

 

 

 相关代码

?

1 2 3 4 5 6 7 8 9 10

<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

　　

?

1	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>