之前已經(jīng)實(shí)現(xiàn)了表格的新增、編輯和刪除，在我的上篇文章中寫的也比較詳細(xì)。但是總感覺有點(diǎn)不完美，首先新增了一行以后，必須要雙擊某一個(gè)單元格參能進(jìn)行內(nèi)容的輸入。從代碼上來說，代碼量也較大；而且使用的是原生的html標(biāo)簽，有點(diǎn)尷尬。

創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、道縣網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開發(fā)、商城網(wǎng)站定制開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為道縣等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

于是，進(jìn)一步研以后，進(jìn)行了一定的優(yōu)化，直接使用vue的代碼實(shí)現(xiàn)，不僅大大減少了代碼量，還實(shí)現(xiàn)了操作的友好性。下面直接上代碼：

1 html部分

這次的優(yōu)化其實(shí)主要在于html部分，直接將vue的el-input標(biāo)簽或者el-select標(biāo)簽放入表格的每個(gè)單元格中。這樣就不用去考慮表格內(nèi)容的編輯問題了。

    
    新增
    
  

新聞名稱：Vue+Element實(shí)現(xiàn)表格編輯、刪除、以及新增行的最優(yōu)方法-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://weahome.cn/article/cccohh.html