我想关闭vue上传组件自己的默认headervue设置header

来源：蜘蛛抓取(WebSpider) 时间：2020-04-09 09:28 标签： vue设置header

一、 header 组件开发 之数据的传递

解释：:sell="sellerObj",这里就像一个函数传参一样把sell当成形参sellerObj就是实参，那么父组件实参是怎么传给子组件的通过什么传

4. 父组件向子组件传递数据

在父组件中需要将sellerObj作为数据导出，子组件通过props从父组件中获得数据且要指定数据类型 


  

  
    
    
  1. 子组件在props中创建一个属性，用以接收父组件传过来的值
    
    2. 
    
  2. 在孓组件标签中添加子组件props中创建的属性
    
    3. 
    
  3. 把需要传给子组件的值赋给该属性
    
    4. 
  

  

    
 

  

  

    理由 ： 在我们通过axios获取数据前在父组件中创建了一个空的对象sellerObj 先傳给子组件开始 没有数据传送过去就会报错 underfined，加上 v-if 接受不到数据就不会解析，也就不会报错
  

  

    二、 header 组件弹出层（详情）
  

  

    (1) vue设置header一个状态，判断该状态控制显示隐藏
  

  

    
 

  

  

    
 

  

  

    (2) 绑定点击事件,通过methods 方法改变 状态控制显隐效果
  

  

    
 

  

  

    
 

  

  

    (1) 绑定class 控制星级大小的类型
  

  

    
 

    

      
 

    

    
 

 (2) 遍历星星的数量
 
 

 

 (3) 定义常量 控制 每个星嘚状态
 
 

    

      
// 类名用变量存起来
 

    

    
 

 (4) 通过计算 判断每个span 的类型
 
 

    

      
 // 利用 实参评分来判断 有几颗全星，半星空星


    

    
 

 
 

    

      
 

    

    
 

 以上就是本文的全部内容，希望对大家的學习有所帮助也希望大家多多支持脚本之家。
 


  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 vue设置header 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐