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 - vue 移动端的input 数字输入优化2. 为什么我ping不通我的docker容器呢???3. javascript - 有什么兼容性比较好的办法来判断浏览器窗口的类型?4. 关于docker下的nginx压力测试5. HTML5禁止img预览该怎么解决?6. 服务器端 - 采用nginx做web服务器,C++开发应用程序 出现拒绝连接请求?7. javascript - npm start 运行’webpack-dev-server’报错 Cannot find module ’webpack’8. angular.js - Ionic 集成crosswalk后生成的apk在android4.4.2上安装失败???9. java - 静态属性中的赋值和静态代码块中的赋值有什么区别?10. javascript - nidejs环境设置操作一直出现这种问题怎么解决?
