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