若依前端如何处理字典

下拉列表:

<el-form-item label="邀约状态" prop="appointmentStatus">
        <el-select v-model="queryParams.appointmentStatus" placeholder="请选择邀约状态" clearable>
          <el-option
            v-for="dict in dict.type.appointment_status"
            :key="dict.value"
            :label="dict.label"
            :value="parseInt(dict.value)"
          />
        </el-select>
      </el-form-item>

显示标签:

{{ dict.type.appointment_status.find(d => String(d.value) === String(scope.row.appointmentStatus)).label }}

使用dict-tag组件:

<dict-tag :options="dict.type.order_status" :value="scope.row.orderStatus"/>

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享