调用接口,做成vue下拉框(键值)

 

 

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

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

  

 

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

dictOptions: [],

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

调用接口,做成vue下拉框(键值)_第1张图片

 

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

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

 

调用接口,做成vue下拉框(键值)_第2张图片

 

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

        
      
         
      
    

  调用接口,做成vue下拉框(键值)_第3张图片

转载于:https://www.cnblogs.com/tabCtrlShift/p/9044542.html

你可能感兴趣的:(调用接口,做成vue下拉框(键值))