第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue+element怎么實現(xiàn)表格內(nèi)編輯

vue+element怎么實現(xiàn)表格內(nèi)編輯

臨摹微笑 2019-02-18 16:17:55
如圖所示,我想使用element-ui實現(xiàn)一個這樣表格中編輯的功能,還請給個思路,謝謝!
查看完整描述

2 回答

?
慕勒3428872

TA貢獻1848條經(jīng)驗 獲得超6個贊

給你提供一個思路,你看能不能理解:
1、在每個需要點擊可編輯的列里面都放置一個和那個列寬高都相等,且樣式都一樣的input輸入框
2、使用v-ifv-else來控制input和span(我把綁定內(nèi)容并顯示想象成用span包含的)
3、讓inputv-modelspan綁定值同一個,再定義一個變量來控制input和span的顯示隱藏切換
4、當點擊span的時候,span隱藏input顯示,這時顯示的內(nèi)容因為是和span綁定的內(nèi)容一致的,所以更改會實時生效,不用事件去控制
5、當input失去焦點或者用戶按下enter鍵時,input隱藏span顯示

查看完整回答
反對 回復 2019-02-26
  • abc26296
    abc26296
    利用 slot 就可以實現(xiàn),你可以參考這個 https://github.com/xuliangzhan/vue-element-extends
  • 慕絲722258
    慕絲722258
    厲害厲害,這個牛逼
  • 2 回答
  • 0 關注
  • 6618 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號