美文网首页web前端
Vue选项下拉切换,请求选项内容

Vue选项下拉切换,请求选项内容

作者: KeybordMan | 来源:发表于2019-09-27 10:05 被阅读0次
<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