脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → element-ui组件change事件传递自定义参数

element-ui组件中input等的change事件中传递自定义参数

 更新时间：2019年05月22日 11:50:34   作者：狂奔的蜗牛0828  
这篇文章主要介绍了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>

总结

以上所述是小编给大家介绍的element-ui组件中input等的change事件中传递自定义参数,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！        

您可能感兴趣的文章:

相关文章

  • JS无限极树形菜单,json格式、数组格式通用示例

    JS无限极树形菜单,json格式、数组格式通用示例

    本文为大家介绍下JS无级树形菜单的实现，修改了一下数据格式，是json和数组或者混合型的数据都通用，不用特定key等，想学习的朋友可以参考下
    2013-07-07
  • js中关于require与import的区别及说明

    js中关于require与import的区别及说明

    这篇文章主要介绍了js中关于require与import的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-10-10
  • javascript弹出一个层并增加一个覆盖层

    javascript弹出一个层并增加一个覆盖层

    弹出一个层的js代码，比较不错
    2008-10-10
  • 深入浅析JS中的严格模式

    深入浅析JS中的严格模式

    严格模式就是使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为。下面通过代码相结合的形式给大家介绍js中的严格模式，感兴趣的朋友一起看看吧
    2018-06-06
  • JS实现浏览上传文件的代码

    JS实现浏览上传文件的代码

    本文通过实例代码给大家介绍了基于js实现浏览上传文件的代码，非常不错，代码简单易懂，具有参考借鉴价值，需要的朋友参考下吧
    2017-08-08
  • JavaScript对数字的判断与处理实例分析

    JavaScript对数字的判断与处理实例分析

    这篇文章主要介绍了JavaScript对数字的判断与处理方法,实例分析了javascript判断数字的常见方法与针对数字处理的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JS实现Excel文件与图片视频上传

    JS实现Excel文件与图片视频上传

    这篇文章主要为大家学习介绍了JavaScript如何实现Excel文件与图片视频上传，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下
    2023-07-07
  • JS+DIV+CSS排版布局实现美观的选项卡效果

    JS+DIV+CSS排版布局实现美观的选项卡效果

    这篇文章主要介绍了JS+DIV+CSS排版布局实现美观的选项卡效果,通过简单的div+css布局结合JavaScript切换页面样式实现美观的选项卡效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js异步接口并发数量控制的方法示例

    js异步接口并发数量控制的方法示例

    这篇文章主要给大家介绍了关于js异步接口并发数量控制的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11
  • JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

    JS 中可以提升幸福度的小技巧(可以识别更多另类写法)

    本文主要介绍一些JS中用到的小技巧，可以在日常Coding中提升幸福度，将不定期更新
    2018-07-07

最新评论