父子组件之间的事件传递问题

啊敏

在子组件怎么传递一个事件给父组件？在vue中有this.$emit，那在avm中用什么？用api.sendEvent()和api.addEventListener吗?

常山赵子云

可以使用this.fire(type, data)向父组件传事件。type是父组件接收者名字，data的数据。
例如：
父组件：

1. <template>
   
2.     <view class="page" >
   
3.         <goods-action onAddCart="addCart"></goods-action>
   
4.     </view>
   
5. </template>
   
6. 
   
7. <script>
   
8. import GoodsAction from "../../components/goods-action.stml";
   
9. 
   
10. export default {
    
11.     name: "goods-add",
    
12.     methods: {
    
13.         addCart() {
    
14.             api.toast({msg: '父组件收到事件'});
    
15.         }
    
16.     }
    
17. }
    
18. </script>

复制代码

子组件：

1. <template name="goods-action">
   
2.     <view @click="addCart">
   
3.                 <text class="btn-text">加入购物车</text>
   
4.         </view>
   
5. </template>
   
6. 
   
7. <script>
   
8. export default {
   
9.     name: "goods-action",
   
10.     methods: {
    
11.         addCart() {
    
12.             this.fire('addCart')
    
13.         }
    
14.     }
    
15. }
    
16. </script>

复制代码

啊敏

常山赵子云 发表于 2020-12-8 10:24
可以使用this.fire(type, data)向父组件传事件。type是父组件接收者名字，data的数据。
例如：
父组件：

正解，感谢答疑