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