vue 下拉选择框
如果下拉选择项是从服务器动态获取的，先定义一个空的对象，用变量接住，给对象建立自定义的属性或方法，再将动态获取的数据的对应项，依次放在对应的属性中。样式是element ui 中的select 选择器，具体功能如下：data(){return {opsition:[]}}created(){this.classifyOption();}method:{
·
如果下拉选择项是从服务器动态获取的，先定义一个空的对象，用变量接住，给对象建立自定义的属性或方法，再将动态获取的数据的对应项，依次放在对应的属性中。样式是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(
'请求失败');
})
}
}
前往低代码交流专区
更多推荐
1
0- 0
已为社区贡献29条内容
所有评论(0)