問題描述

如代碼所示，在子組件中定義和觸發了select方法并將type參數傳入，在父組件中引入子組件，并監聽select事件

結果報錯：“Property or method 'type' is not defined on the instance but referenced during render.” 是我傳遞參數的方法不對嗎？

//子組件<button type='button' name='button' v-bind: v-on:click='select(2,$event)'> {{desc.all}} <span class='count'>{{ratings.length}}</span></button><script type='text/ecmascript-6'> methods:{ select:function (type,event) {if (!event._constructed){ return;}this.$emit(’select’,type) }</script>

//父組件<rating-select v-bind='{ratings:food.ratings,selectType:selectType,onlyContent:onlyContent}' v-on:select='updSelect(type)' v-on:toggleContent='toggleContent' class='rating-select'></rating-select><script> updSelect:function (type) {this.selectType = type }</script>

問題解答

v-on:select='updSelect'