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

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运行结果