這里是一個(gè)商城項(xiàng)目，在商品列表頁(yè)面需要增加對(duì)每個(gè)商品進(jìn)行編輯關(guān)鍵詞的快捷按鈕設(shè)置，具體實(shí)現(xiàn)為點(diǎn)擊按鈕后打開一個(gè)彈窗，在彈窗中輸入信息提交到后臺(tái)，下面看一下實(shí)現(xiàn)流程。
首先在html中增加按鈕，先找到循環(huán)商品的 列表增加dom
對(duì)應(yīng)頁(yè)面中的顯示為
然后需要初始化幾個(gè)變量
第一個(gè)為控制對(duì)話框的顯示隱藏，第二個(gè)存儲(chǔ)當(dāng)前點(diǎn)擊的商品，然后dom中添加el-dialog
下面增加click方法，傳遞click事件和所點(diǎn)擊的商品信息
內(nèi)容是將editKeyWordLabel設(shè)置為true 打開對(duì)話框，然后增加提交方法將數(shù)據(jù)提交到后臺(tái)
到此時(shí)所有的流程就完成了，看一下頁(yè)面流程
