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運行結果

?

總結

以上是生活随笔為你收集整理的工作183：动态渲染数据 数据在数字字典里面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。