zoukankan      html  css  js  c++  java
  • element-ui组件中的input等的change事件中传递自定义参数

    以select为例,如果select写在循环里,触发change事件时可能不只需要传递被选中项的值,还要传递index过去,来改变同一循环中的其他标签的状态。

    下面这样写是无效的:

    @change="changeStatus(val, index)"

    <div v-for="(item,index) in itemList">
          <el-select v-model="item.value" @change="changeStatus(val, index)">
             <el-option v-for="op in options" 
                 :key="op.key":
                  :label="op.label"
                 :value="op.label">
             </el-option>
            </el-select>
    </div>

    这样再封装一层就可以了:

    @change="((val)=>{changeStatus(val, index)})"

    <div v-for="(item,index) in itemList">
          <el-select v-model="item.value" @change="((val)=>{changeStatus(val, index)})">
            <el-option v-for="op in options" 
              :key="op.key" 
              :label="op.label"
               value="op.label">
             </el-option>
          </el-select>
     </div>            
  • 相关阅读:
    zju 2886
    zju 2478
    UVA350-水题
    UVA699-落叶-二叉树
    UVA327
    UVA548
    java环境变量
    synchronized关键字
    uva297
    UVA196
  • 原文地址:https://www.cnblogs.com/ttjm/p/10904160.html
Copyright © 2011-2022 走看看