vue 下拉选择框

最新推荐文章于 2024-08-01 14:22:09 发布

zyx_

最新推荐文章于 2024-08-01 14:22:09 发布

阅读量6.2k

点赞数 1

本文链接：https://blog.csdn.net/zyx1303031629/article/details/78962176

版权

如果下拉选择项是从服务器动态获取的，先定义一个空的对象，用变量接住，给对象建立自定义的属性或方法，再将动态获取的数据的对应项，依次放在对应的属性中。样式是element ui 中的select 选择器，具体功能如下：

data(){

return {

opsition:[]

}

created(){

this.classifyOption();

}

method:{

 
  classifyOption(){ 
 
 
  this. 
  $http. 
  get( 
  './dataOption.json'). 
  then( 
  request 
  =>{ 
 
 
  console. 
  log( 
  request. 
  data); 
 
 
  for( 
  var 
  item 
  in 
   request. 
  data){ 
 
 
  //建立空的对象，建立自定义的属性，将其push在options中 
 
 
  var 
  select = {}; 
 
 
  select. 
  label = 
  request. 
  data[ 
  item]. 
  label; 
 
 
  select. 
  value = 
  request. 
  data[ 
  item]. 
  value; 
 
 
  this. 
  options. 
  push( 
  select); 
 

   } 
 

   }). 
  catch( 
  error 
  =>{ 
 
 
  console. 
  log( 
  '请求失败'); 
 

   }) 
 

   } 
 