av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vuejs組件內的props的屬性賦值問題?

瀏覽:165日期:2024-03-30 11:08:27

問題描述

組件:<test :loading.sync="loading"></test>

Vue.component('test',{ template: '#testText', props: { loading: { type: Boolean, default: false} }, methods: {getData: function (data) { this.loading = false;//此句有錯誤,該如何更正} }});new Vue({el: '#indexBox',data: { loading : false},methods : {loadMore: function () { this.loading = true;} } });

我想在子組件里面變更loading的值回傳給父組件,請問該如何控制loading

問題解答

回答1:

你用的是vue2吧,如果是vue2的話就應該用事件來把子組件的狀態傳給父組件,有兩種辦法,一種是在父組件中傳一個v-model='outerLoading',然后子組件里面

watch:{ outerLoading (v) {this.innerLoading = v }, innerLoading (v) {this.emit('input', v) }}

這樣outLoading就會響應innerLoading,實現雙向綁定的功能。還有一種做法和這個類似,就是把this.emit('input', v)換成this.emit('eventName', v),然后在父組件中@eventName='eventFunc', 再通過父組件中的eventFunc(v) { //code... }來響應子組件的狀態

標簽: vue
相關文章:
主站蜘蛛池模板: 欧美a级成人淫片免费看 | 亚洲精品视频在线看 | 久草.com| 精品久久久久久 | 久久狠狠 | av在线电影网站 | 国产精品久久久久久久午夜片 | 成人在线视频一区 | 伊人久久精品 | 伊人网在线综合 | www四虎com| 欧美视频免费在线观看 | 狠狠躁天天躁夜夜躁婷婷老牛影视 | 亚洲精品视频在线看 | 国产精品久久久久久久久久久免费看 | 91精品国产一区二区 | 亚洲免费人成在线视频观看 | 成人免费av在线 | 精品国产乱码一区二区三 | 欧美天堂| 草久久 | 中文字幕精品一区久久久久 | 亚洲h色| 97视频网站 | 日韩乱码在线 | 国产精品嫩草影院精东 | 四虎影院新网址 | 日本在线视 | 国产精品 欧美精品 | 国产a爽一区二区久久久 | 日韩不卡一区二区 | 黄色三级在线播放 | 中文字字幕一区二区三区四区五区 | 国产高清一区二区三区 | 中文字幕在线观看视频网站 | 国产一区二区欧美 | 国产欧美日韩在线观看 | 国产成人免费网站 | 亚洲免费观看视频 | 欧洲亚洲精品久久久久 | 国内自拍偷拍 |