前端工作总结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运行结果