Elementuiドロップダウンボックスはオブジェクトをバインドし、changeは複数のパラメータを送信します.
3657 ワード
。
value-key="id" 、value-key="name"
for="item in list" :key="item.id" :label="item.name" :value="item">
<span style="color: #000000;">
export </span><span style="color: #0000ff;">default</span><span style="color: #000000;"> {
name: </span>"HelloWorld"<span style="color: #000000;">,
data() {
</span><span style="color: #0000ff;">return</span><span style="color: #000000;"> {
selectValue: {},
list: [
{ id: </span>1, name: " 1"<span style="color: #000000;"> },
{ id: </span>2, name: " 2"<span style="color: #000000;"> },
{ id: </span>3, name: " 3"<span style="color: #000000;"> }
]
};
},
methods: {
changeStatus(val) {
console.log(val, </span>"val"); <span style="color: #008000;">//</span><span style="color: #008000;"> val 。</span>
<span style="color: #000000;"> }
}
};
</span>
value-key="id" 、value-key="name"
selectChange(val,vIndex)'>
for="item in list" :key="item.id" :label="item.name" :value="item">
<span style="color: #000000;">
export </span><span style="color: #0000ff;">default</span><span style="color: #000000;"> {
name: </span>"HelloWorld"<span style="color: #000000;">,
data() {
</span><span style="color: #0000ff;">return</span><span style="color: #000000;"> {
selectValue: {},
list: [
{ id: </span>1, name: " 1"<span style="color: #000000;"> },
{ id: </span>2, name: " 2"<span style="color: #000000;"> },
{ id: </span>3, name: " 3"<span style="color: #000000;"> }
],
vIndex: </span>1<span style="color: #000000;">
};
},
methods: {<br></span></span></pre>
<div>
<span style="font-size: 14px;"> <strong><span style="color: #ff0000;">// ： value ， @change='selectChange($event,vIndex)'</span></strong></span>
</div>
<pre><span style="font-size: 14px;"><span style="color: #000000;"> selectChange(val,vIndex) {
console.log(val, </span>"val",vIndex,'vIndex'<span style="color: #000000;">);
}
}
};
</span>