在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue props傳值失敗

vue props傳值失敗

<div class="am-u-sm-4" id= "app">
    <panel-list ></panel-list>
</div>

Vue.component('panel-list', {
            props: ['type'],
            template: '<div :type="par" class="am-panel" :class="[type]">A custom component!</div>',
            
        })
        var app = new Vue({
            el: '#app',
            data: {
                par:'am-panel-secondary',
            },  
            
        })

報(bào)錯(cuò) par is not defined

但是

<div class="am-u-sm-4" id= "app">
    <panel-list :type="par"></panel-list> //把：type移到這
</div>
Vue.component('panel-list', {
            props: ['type'],
            template: '<div  class="am-panel" :class="[type]">A custom component!</div>',
            
        })
        var app = new Vue({
            el: '#app',
            data: {
                par:'am-panel-secondary',
            },  
            
        })

卻是對(duì)的。怎么解決呢。

回答
編輯回答
兮顏

:type="par" 這個(gè)應(yīng)該寫在父組件上，向子組件傳數(shù)據(jù)。
type是在子組件中的接收變量，par是父組件要傳的數(shù)據(jù)

2018年3月30日 23:19
編輯回答
凝雅

prop對(duì)應(yīng)的屬性還是要放在父組件看得到的地方。放在子組件的template里面 只能是子組件的屬性了。

2018年6月20日 02:32
編輯回答
刮刮樂

props: ['type']這是接收panel-list綁定的東西，所以你panel-list上必須要有:type,你想父組件傳值給子組件就是要把傳的東西賦值給綁在子組件上的自定義屬性，然后子組件用props這個(gè)屬性拿到父組件傳遞的值

2017年1月28日 15:52
編輯回答
掛念你

prop就是父組件傳給子組件的。。。
你這是子組件自己傳給div而且子組件data沒有par這個(gè)數(shù)據(jù)

2017年10月25日 06:56
編輯回答
青瓷

prop是顯示父?jìng)鹘o子的屬性，第一個(gè)實(shí)例panel-list中都沒傳type當(dāng)然報(bào)錯(cuò)了。

2018年8月6日 14:08
編輯回答
離夢(mèng)

在子組件用props接收數(shù)據(jù)就行了，：type=par只能在父組件調(diào)用子組件時(shí)使用，且寫在子組件上

2017年10月13日 18:24