解决element UI 自定义传参的问题
网络编程 2021-07-04 16:46www.168986.cn编程入门
今天长沙网络推广就为大家分享一篇解决element UI 自定义传参的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随长沙网络推广过来看看吧
如下所示
<el-aulete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="handleSelect" ></el-aulete>
这里的 hanleSelect 默认绑定的参数是选中的那条数据。
如果一个页面有好几个相同的组件,要想知道选中的是第几个。
@select="handleSelect(item, index)" // 这样肯定不行的
解决方法
<el-aulete v-model="state4" :fetch-suggestions="querySearchAsync" placeholder="请输入内容" @select="((item)=>{handleSelect(item, index)})" // 写个闭包就可以了,index表示第几个组件 ></el-aulete>
基于element-UI 事件添加额外自定义参数的方法
要想在element的 event事件中增加自定义参数,如果你直接在方法中写,他就会将原来的参数覆盖!
例如
<input :value="scope.row.confirmAmount" @change="updateConfirmAmount(scope.row)" placeholder="请输入审核数量" />
你可以在自定义参数之前加入 $event 这个变量,然后再传其他值,这样的话event事件的回调参数就会有了。
例如
<input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="请输入审核数量" />
狼蚁网站SEO优化是我今天解决问题的案例
<code class="language-html"><!-- 明细列表 --> <el-table :data="midSubmitDetailTableData" border stripe style="width: 100%"> <el-table-column prop="submitAmount" label="本次交工数量"></el-table-column> <el-table-column prop="confirmAmount" label="审核数量"> <template slot-scope="scope"> <input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="请输入审核数量" /> </template> </el-table-column> </el-table></code>
对应的方法
updateConfirmAmount(data, row){ var _value = data.currentTarget._value; var value = data.currentTarget.value; },
抱怨一句csdn的编译器越来越不好用了!
以上这篇解决element UI 自定义传参的问题就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指