vue下拉选择框

xiaoxiao2021-02-28  6

如果下拉选择项是从服务器动态获取的,先定义一个空的对象,用变量接住,给对象建立自定义的属性或方法,再将动态获取的数据的对应项,依次放在对应的属性中。样式是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( '请求失败'); }) }

}

转载请注明原文地址: https://www.6miu.com/read-1100209.html

最新回复(0)