這篇文章將為大家詳細(xì)講解有關(guān)VUE-Table中如何綁定Input通過render實(shí)現(xiàn)雙向綁定數(shù)據(jù),小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站建設(shè)、成都做網(wǎng)站與策劃設(shè)計(jì),麻城網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:麻城等地區(qū)。麻城做網(wǎng)站價(jià)格咨詢:18982081108
效果
HTML的Table
JS代碼
這樣就實(shí)現(xiàn)Input和Table單元格數(shù)據(jù)的雙向綁定,取值是直接循環(huán)單元格來取值。
雙向綁定數(shù)據(jù)的核心代碼:
on:{ 'on-change' (event) { //值改變時(shí) //將渲染后的值重新賦值給單元格值 params.row.numLots = event.target.value; vm.data[params.index] = params.row; } }
完成~
關(guān)于“VUE-Table中如何綁定Input通過render實(shí)現(xiàn)雙向綁定數(shù)據(jù)”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。