经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » HTML/CSS » HTML5 » 查看文章
vue中使用element组件时事件想要传递其他参数的问题
来源:cnblogs  作者:狂奔的蜗牛0828  时间:2019/9/18 8:49:11  对本文有异议

在使用element的上传组件时在一下几个钩子中传递其他参数

图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数。比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的:

  1. :on-success=”handleSuccessi)” //handleSuccess是一个方法

 

但是发现这样写取不到自身原来的参数,后来在网上找到了一个比较好的方法,如下:

  1. :on-success=”(value)=> handleSuccess(i, value)”

1
这样就既可以获取到原有的参数又可以获取自定义传递的参数,下面是自己的使用方法:

  1. <el-upload
  2. class="upload-demo"
  3. :action="GLOBAL.upFileUrl"
  4. :data="uploadData"
  5. :before-upload="fileSizeFiltering"
  6. :on-success="(response, file, fileList)=>handleUpSuccess(response, file, fileList,i)"
  7. :on-remove="(file, fileList)=>handleRemoveFile(file, fileList,i)"
  8. :file-list="item.uploadFileList"
  9. v-model="item.pushUpFileId"
  10. :limit="5"
  11. style="display: inline-block;">
  12. <div class="addFile"></div>
    </el-upload>

 同理默认参数是event的事件要传递其他事件也是这样

  1. <ul>
  2. <li v-for="item in list" @contextmenu="(e)=>showMenu(e,item.cd)" style="height:100px;">
  3. {{item.na}}
  4. </li>
  5. </ul>

 

原文链接:http://www.cnblogs.com/ttjm/p/11536788.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号