码迷,mamicode.com
首页 > 其他好文 > 详细

调用其他页面的接口数据,做成下拉框

时间:2018-05-16 10:50:15      阅读:437      评论:0      收藏:0      [点我收藏+]

标签:hold   highlight   很多   取数   div   attr   调用接口   response   -o   

 

 

 1、引入vue.js对应的取数据接口

  import { dictPage } from ‘@/api/dict/dictType/index‘;

  

技术分享图片

 

2、定义一个字段,页面渲染的时候初始化 

dictOptions: [],

  return中还有很多数据暂时删除了方便截图

技术分享图片

 

 3、写一个函数,调用接口函数,回调数据传入刚刚初始化的数据

      dictPage().then(response => {
        this.dictOptions = response.data.rows;
      });

 

技术分享图片

 

4、定义下拉框,把已经传入数据的变量引入

        <el-form-item label="属性对象" prop="attrObj">
      <el-select class="filter-item" v-model="form.attrObj" placeholder="请录入需要的属性对象">
        <el-option v-for="attr in  dictOptions" :key="attr.code" :label="attr.name"
                       :value="attr.name"> </el-option>
      </el-select>
    </el-form-item>

  技术分享图片

调用其他页面的接口数据,做成下拉框

标签:hold   highlight   很多   取数   div   attr   调用接口   response   -o   

原文地址:https://www.cnblogs.com/tabCtrlShift/p/9044542.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!