vue子组件调用父组件父页面的方法

vue子组件调用父组件父页面的方法

如图：选择城市后，页面重新请求数据！（城市选择是子组件）选择完后不刷新页面，重新调用接口渲染主页面！ 

 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法

父组件

    
    
    

     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
        <template>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
  
        
        
        <div>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
    
        
        
        <child>
        
        
        </child>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
  
        
        
        </div>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
        </template>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
        <script>
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
  
        
        
        import child 
        
        
        from 
        
        
        '~/components/dam/child';
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
  
        
        
        export 
        
        
        default {
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
    
        
        
        components: {
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
              child
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
            },
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
    
        
        
        methods: {
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
              fatherMethod() {
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       
        
        
        
        console.log(
        
        
        '测试');
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
              }
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
            }
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
          };
       
       
       
      
      
      
     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
        </script>
       
       
       
      
      
      
    
    
    
    

子组件

    
    
    

     

      
      
      

       
       
       

      
      
      
      
      
      

       
       
       

        
        
        <template>