【status】状态字段是如何显示的？

layman .

于 2021-11-11 09:42:03 发布

阅读量2.7k

点赞数

分类专栏：开源框架文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/single_0910/article/details/121260631

版权

举例

在这里插入图片描述

	<el-form-item label="角色顺序" prop="roleSort">
          <el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
        </el-form-item>
        <el-form-item label="状态">
          <el-radio-group v-model="form.status">
            <el-radio
              v-for="dict in statusOptions"
              :key="dict.dictValue"
              :label="dict.dictValue"
            >{
   {
   dict.dictLabel}}</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="菜单权限">

status字段是从statusOptions中获取的，该字段是在vue文件中，初始化完成的。

created() {
   
    this.getList();
    this.getDicts("sys_normal_disable").then(response => {
   
      this.statusOptions = response.data;
    });
  },

this.getDicts这个方法并没有导入到vue文件中，这个方法是如何被调用的？

其实，这个方法是被加载到全局环境中的，所有的vue文件，不需要引用，也可以调用。

main.js中挂载了很多全局方法

import {
    getDicts } from "@/api/system/dict/data";
import {
    getConfigKey } from "@/api/system/config";
import {
    parseTime, resetForm, addDateRange, selectDictLabel, selectDictLabels, handleTree } from "@/utils/ruoyi";