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:动态渲染数据 数据在数字字典里面相关推荐

  1. layui进度条:调用、参数设置、动态渲染、数据热更新 (含案例、代码)

    文章目录 layui进度条:调用.参数设置.动态渲染.数据热更新 (含案例.代码) 一.demo案例 1.1. 应用 · 截图: 1.2. 案例 · 全部代码: 二.自定义案例 2.1. 部分代码: ...

  2. axios+vue实现动态渲染员工数据+数据是对象

    <style>table{width: 600px;margin: 0 auto;text-align: center;border-collapse: collapse; /*合并边框哦 ...

  3. python的flask框架显示柱状图_使用Python的Flask框架,结合Highchart,动态渲染图表(Ajax 请求数据接口)...

    参考链接:https://www.highcharts.com.cn/docs/ajax 参考链接中的示例代码是使用php写的,这里改用python写. 需要注意的地方: 1.接口返回的数据格式,这个 ...

  4. 微信小程序循环显示多个Echarts图表,动态渲染数据

    需求:需要在微信小程序中循环显示多个Echarts图表,动态渲染Echarts数据. 经查询,选择使用echarts插件. 在echarts官网中获取ec-canvas组件,放入至微信小程序中 1.w ...

  5. 商品详情页动态渲染系统:大型网站的多机房4级缓存架构设计

    124_大型电商网站的商品详情页的深入分析 之前,咱们也是说在讲解这个商品详情页系统的架构 缓存架构,高可用服务 商品详情页系统,我们只是抽取了其中一部分来讲解,而且还做了很大程度的简化 主要是为了用 ...

  6. 根据数据和模板动态生成页面+列表的动态渲染

    非原创 本文转自https://github.com/a415432669/-front_end_notebook/tree/master/Node/day6/%E6%96%87%E6%A1%A3 根 ...

  7. python实现矢量分级渲染_用 Python 撸一个 Web 服务器-第4章:动态渲染数据

    上一章中为了尽快让 Todo List 程序跑起来,并没有完全按照 MVC 模式编写程序.这一章就让我们一起实现一个完整的 MVC 模式 Todo List 程序首页. 使用模型操作数据 我们来分析下 ...

  8. 一个div 上下两行_用 Python 撸一个 Web 服务器第4章:动态渲染数据

    上一章中为了尽快让 Todo List 程序跑起来,并没有完全按照 MVC 模式编写程序.这一章就让我们一起实现一个完整的 MVC 模式 Todo List 程序首页. 使用模型操作数据 我们来分析下 ...

  9. 七十、Vue城市页面Ajax动态渲染和兄弟组件数据传递

    2020/10/29. 周四.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...

最新文章

  1. mysql系统变量_MySQL 系统变量(system variables)
  2. error LNK2019解决办法
  3. css中超级链接样式的设置顺序
  4. 通过jS打包下载图片
  5. java 企业 网站源码 模版 屏幕自适应 有前后台 springmvc SSM 生成静态化
  6. dockfile应用(二)
  7. 前后端分离项目,后端是如何处理前端传递的token?
  8. 【LeetCode】剑指 Offer 61. 扑克牌中的顺子
  9. mysql问题排查_mysql问题排查
  10. web测试,App测试,小程序测试区别
  11. win7局域网共享设置_win7局域网共享,教你在智能电视上看win7系统电脑资源
  12. linux内核源码分析之proc文件系统(二)
  13. 调用链监控 - Tracing - APM
  14. css-水平和垂直布局
  15. 公司合伙人股权的进入和退出机制
  16. 中国海洋大学计算机学院在哪个校区,中国海洋大学校区有几个 地址是什么
  17. 计算机中-原码、反码、补码之间的转换
  18. Inno Setup入门(十六)——Inno Setup类参考(2)
  19. 计算机专业 本硕连读,麻省理工大学计算机专业本硕连读几年?
  20. 首师大附中集训第十一天:OI炼金术

热门文章

  1. 085 Maximal Rectangle 最大矩形
  2. Effective C++ 条款03:尽可能使用const
  3. 利用FPGA加速实现高性能计算
  4. Sublime Text 3 代码格式化插件推荐 CodeFormatter
  5. 玩转12306之系统登录
  6. 《团队之美》笔记——领导力
  7. 在字符串中使用引号()等字符 需要用转义字符\ 例如
  8. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
  9. 判断输入的字符串是否为回文_刷题之路(九)--判断数字是否回文
  10. oracle视图执行脚本,Sh脚本中查询Oracle v$视图时需要在$号前加转义符“\”