zoukankan      html  css  js  c++  java
  • (vue)关于在ui框架方法中传入多个参数的解决方案

    今天在用antd-vue中遇到了一个难题,做个笔记
    在一些框架中,总有一些监听用户的事件,而这些事件ui框架都会贴心的附带一些默认参数,但是问题来了:假设一个组件本身就是渲染而来,但它在触发该函数后开发者并不想只传入一个组件本身传递的值,(比如我想传入这个组件的index,或者item),那么依靠ui框架本身就无能为力
    可以尝试下用一个遗忘很久的关键字:$event
    思考这样一种情况:
    antd-vue中的下拉选择框组件由for渲染而来,(item1),而内部option内容也经for循环渲染得到(item2),用户点中的值由父组件select的change事件监听得到,现如今需要在change中额外传入item1,而change默认只接受一个默认参数,求解

    此时可以选择使用$event.

    //假装这是antd组件
    <select  @change="getChange($event,yourArgs)">
    ...options
    </select>
    
    //这样就可以解决了
    

    $event:表示框架本身自带默认值
    yourArgs:额外传入的参数

    今天质量不太高,以后会再接再厉

    作者:致爱丽丝
    本文版权归作者和博客园共有,欢迎转载,但必须在文章页面给出原文链接并标名原文作者,否则保留追究法律责任的权利。
  • 相关阅读:
    Sass变量、嵌套
    遮罩层2
    遮罩层
    大图轮播
    项目资料(主页)
    关于时间控制和制定时间日期
    dom作业
    js的dom操作和函数
    js数组去重
    js For循环练习。
  • 原文地址:https://www.cnblogs.com/hjk1124/p/14487429.html
Copyright © 2011-2022 走看看