javascript - vue中自定义事件如何传递参数?
问题描述
如代码所示,在子组件中定义和触发了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>
问题解答
回答1:v-on:select='updSelect'
相关文章:
1. javascript - 微信小程序 wx.downloadFile下载文件大小有限制吗2. Android 高德地图如何实现拖动平移地图时地图上的小图标不动?3. html5 - HTML代码中的文字乱码是怎么回事?4. 微信端电子书翻页效果5. css - ul ol前边的标记如何调整样式呢6. android - 求 360浏览器 百度浏览器 搜狗浏览器的最新启动类名7. javascript - 如何通过参数获取Object的子节点?8. pdo_mysql 值自增写法9. css - 前端flex布局嵌套内层的布局不起作用?10. javascript - 在html中写了个<video>视频,浏览器却是一片空白为什么呢?360浏览器?