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
相關文章:
主站蜘蛛池模板: 午夜天堂精品久久久久 | 51ⅴ精品国产91久久久久久 | 国产在线1 | 毛片视频网站 | 国产中文字幕在线 | 国产日韩欧美 | 特黄色一级毛片 | 中文字幕视频网 | 视频一区在线观看 | 天天综合网7799精品 | 午夜电影网址 | 国内精品久久精品 | 手机看片在线播放 | 欧美成人精品 | 精品久久久久久久久久久 | 日韩精品 电影一区 亚洲 | 国产精品一区二区在线 | 中文字幕三区 | 久久蜜桃资源一区二区老牛 | 91社影院在线观看 | 国产麻豆一区二区三区 | 97国产在线观看 | 日本不卡免费新一二三区 | 人人九九精 | 日韩一区二区三区在线 | 欧美日韩精品影院 | 狠狠久| 狠狠躁18三区二区一区 | 午夜视频在线观看一区二区 | 成人午夜免费在线视频 | 国产精品污www一区二区三区 | 91最新在线视频 | 91视频国产一区 | 日韩成人在线视频 | 亚洲成人精品在线观看 | 日韩1区| 在线国产一区 | 欧美成人a∨高清免费观看 91伊人 | 亚洲综合婷婷 | 黑人巨大精品 | 成人1区2区 |