解决UI元素自定义传参的问题

  

        & lt; el-autocomplete   v模型=" state4 "   :fetch-suggestions=" querySearchAsync”   占位符="请输入内容”   @select=" handleSelect "   祝辞& lt;/el-autocomplete>   之前      

这里的hanleSelect默认绑定的参数是选中的那条数据。

  

但是如果一个页面有好几个相同的组件,要想知道选中的是第几个。

        @select=" handleSelect(项目、索引)”//这样肯定不行的      

        & lt; el-autocomplete   v模型=" state4 "   :fetch-suggestions=" querySearchAsync”   占位符="请输入内容”   @select="((项目)=祝辞{handleSelect(项目,索引)})”//写个闭包就可以了,索引表示第几个组件   祝辞& lt;/el-autocomplete>      

  

要想在元素的事件事件中增加自定义参数,如果你直接在方法中写,他就会将原来的参数覆盖!

  

<>强例如:
  

        & lt;输入:价值=" https://www.yisu.com/zixun/scope.row.confirmAmount " @change=皍pdateConfirmAmount (scope.row)”占位符=扒胧淙肷蠛耸俊?祝辞      

但是你可以在自定义参数之前加入美元事件这个变量,然后再传其他值,这样的话事件事件的回调参数就会有了。

  

<>强例如:

        & lt;输入:价值=" https://www.yisu.com/zixun/scope.row.confirmAmount " @change=皍pdateConfirmAmount(美元事件,scope.row)”占位符=扒胧淙肷蠛耸俊?比;之前      


  

        & lt;代码类=" language-html "祝辞& lt; !——明细列表——比;   & lt; el-table:数据=" https://www.yisu.com/zixun/midSubmitDetailTableData "边境条纹比;   & lt; el-table-column道具=皊ubmitAmount”标签=氨敬谓还な俊弊4? lt;/el-table-column>   & lt; el-table-column道具=癱onfirmAmount”标签=吧蠛耸俊北?   & lt;模板slot-scope=胺段А北?   & lt;输入:价值=" https://www.yisu.com/zixun/scope.row.confirmAmount " @change=皍pdateConfirmAmount(美元事件,scope.row)”占位符=扒胧淙肷蠛耸俊?比;   & lt;/template>   & lt;/el-table-column>   & lt;/el-table> & lt;/code>之前      

<强>对应的方法:

        updateConfirmAmount(数据行){   var _value=https://www.yisu.com/zixun/data.currentTarget._value;   var值=data.currentTarget.value;      },      

最后抱怨一句:csdn的编译器越来越不好用了!

  

以上这篇解决UI元素自定义传参的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

解决UI元素自定义传参的问题