前端工作总结114-动态渲染数据 数据在数字字典里面

1接口调用 

  /*调用接口*/
  created() {
    /*动态渲染content_type接口*/
    getAction("/dict/list",{
      dict_code:"content_type"
    }).then(res=>{
      this.content_type=res.data
    })
    /*动态渲染*/
    getAction("/dict/list",{
      dict_code:"resource_type"
    }).then(res=>{
      this.resource_type=res.data
    })
  },

2存值

  data() {
    return {
      formLabelWidth: "140px",
      url: {
        add: "/account",
        edit: "/account",
        query: "/account"
      },
      value:'',
      business_module:[],
      column: [],
      /*存储content_type*/
      content_type:[],
      /*存储resoure_type*/
      resource_type:[]
    };
  },

3ele处理数据

 
      <!--2content_type-->
      <el-form-item label="内容类型" :label-width="formLabelWidth">
        <el-select v-model="form.resource_type" placeholder="请选择发布类型">
          <el-option v-for="resource in resource_type" :label="resource.text" :value="resource.value"></el-option>
        </el-select>
      </el-form-item>
      <!--5price-->
      <el-form-item label="刊例价" :label-width="formLabelWidth">
        <el-input v-model="form.price" autocomplete="off"></el-input>
      </el-form-item>
      <el-form-item label="发布类型" :label-width="formLabelWidth">
        <el-select v-model="form.content_type" placeholder="请选择发布类型">
          <el-option v-for="content in content_type" :label="content.text" 
:value="content.value"></el-option>
        </el-select>
      </el-form-item>

4运行结果