亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

在線等!關于vue自定義事件的命名問題

在線等!關于vue自定義事件的命名問題

開心每一天1111 2019-08-21 19:45:00
今天用vue遇到了一個很奇怪的問題:我.sync綁定了一個prop::is-amazon.sync="isAmazon",然后在子組件中用$emit給父組件傳值:this.$emit('update:is-amazon',val),結果發現,父組件里的isAmazon并沒有改變。于是乎,我把名字改了改:isamazon.sync="isAmazon";this.$emit('update:isamazon',val),然后就成功了。。這讓我百思不得其解,因為vue的文檔上說的是監聽自定義事件推薦用kebab-case,結果這里kebab-case不管用了,一臉懵逼中。。。。
查看完整描述

2 回答

?
GCT1015

TA貢獻1827條經驗 獲得超4個贊

prop::is-amazon.sync="isAmazon",this.$emit('update:is-amazon',val),
this.$emit('update:isAmazon',val)改成這樣呢
                            
查看完整回答
反對 回復 2019-08-21
?
米琪卡哇伊

TA貢獻1998條經驗 獲得超6個贊

在有些情況下,我們可能需要對一個prop進行“雙向綁定”。不幸的是,真正的雙向綁定會帶來維護上的問題,
因為子組件可以修改父組件,且在父組件和子組件都沒有明顯的改動來源。
這也是為什么我們推薦以update:myPropName的模式觸發事件取而代之
.sync修飾符
官方在這里是推薦使用camelCased,但這段話我也看不太懂,希望有人可以分析一下
                            
查看完整回答
反對 回復 2019-08-21
  • 2 回答
  • 0 關注
  • 492 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號