Vue选项下拉切换,请求选项内容
<el-select
v-model="ServicePackType"
:placeholder="packPlaceholder"
style="width:230px"
@change="packTypeChange" //饿了么内置监听组件 监听选项切换的值
>
<el-option
v-for="item in packTypeList"
:key="item.index"
:label="item.s_BagServiceName"
:value="item.s_BagServiceId"
></el-option>
</el-select>
// 服务包类型切换
packTypeChange(val) {
// 切换对应的内容
for (let i = 0; i < this.packTypeList.length; i++) {
const element = this.packTypeList[i];
//如果切换变化的值与循环中的值(数据接口值)相等
if (val === element.s_BagServiceId) {
//将此元素内容赋予内容模型
this.s_BagServiceContent = element.s_BagServiceContent;
}
}
},
本文标题:Vue选项下拉切换,请求选项内容
本文链接:https://www.haomeiwen.com/subject/vxmouctx.html
网友评论