解決elementUI自定義傳參的問(wèn)題

如下所示：

成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括天柱網(wǎng)站建設(shè)、天柱網(wǎng)站制作、天柱網(wǎng)頁(yè)制作以及天柱網(wǎng)絡(luò)營(yíng)銷策劃等。多年來(lái)，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，天柱網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到天柱省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

<el-autocomplete
 v-model="state4"
 :fetch-suggestions="querySearchAsync"
 placeholder="請(qǐng)輸入內(nèi)容"
 @select="handleSelect"
></el-autocomplete>

這里的 hanleSelect 默認(rèn)綁定的參數(shù)是選中的那條數(shù)據(jù)。

但是如果一個(gè)頁(yè)面有好幾個(gè)相同的組件，要想知道選中的是第幾個(gè)。

@select="handleSelect(item, index)" // 這樣肯定不行的

解決方法：

<el-autocomplete
 v-model="state4"
 :fetch-suggestions="querySearchAsync"
 placeholder="請(qǐng)輸入內(nèi)容"
 @select="((item)=>{handleSelect(item, index)})" // 寫(xiě)個(gè)閉包就可以了，index表示第幾個(gè)組件
></el-autocomplete>

基于element-UI 事件添加額外自定義參數(shù)的方法

要想在element的 event事件中增加自定義參數(shù)，如果你直接在方法中寫(xiě)，他就會(huì)將原來(lái)的參數(shù)覆蓋！

例如：

<input :value="scope.row.confirmAmount" @change="updateConfirmAmount(scope.row)" placeholder="請(qǐng)輸入審核數(shù)量" />

但是你可以在自定義參數(shù)之前加入 $event 這個(gè)變量，然后再傳其他值，這樣的話event事件的回調(diào)參數(shù)就會(huì)有了。

例如：

 <input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請(qǐng)輸入審核數(shù)量" /> 

下面是我今天解決問(wèn)題的案例：

<code class="language-html"><!-- 明細(xì)列表 --> 
<el-table :data="midSubmitDetailTableData"  border stripe > 
  <el-table-column prop="submitAmount" label="本次交工數(shù)量"></el-table-column> 
  <el-table-column prop="confirmAmount" label="審核數(shù)量"> 
    <template slot-scope="scope"> 
      <input :value="scope.row.confirmAmount" @change="updateConfirmAmount($event, scope.row)" placeholder="請(qǐng)輸入審核數(shù)量" /> 
    </template>   
  </el-table-column> 
</el-table></code> 

對(duì)應(yīng)的方法：

updateConfirmAmount(data, row){
  var _value = data.currentTarget._value;
  var value = data.currentTarget.value;
 
},

最后抱怨一句：csdn的編譯器越來(lái)越不好用了！

以上這篇解決element UI 自定義傳參的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站名稱：解決elementUI自定義傳參的問(wèn)題
文章網(wǎng)址：http://bm7419.com/article16/ipdsgg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、網(wǎng)站制作、用戶體驗(yàn)、靜態(tài)網(wǎng)站、App設(shè)計(jì)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)