用vue写的一个级联选择器

  
  
  
  




  


    

      
请选择{{theString}}
      

        

          
{{theitem.name}}

          

        
        


          

            {{theSeItem.name}}


        
        

      
    

  

  

 

这是成品的图，主要的技术的话，一个是v-if会让点击后的一级菜单显示出来，然后v-if点击一级菜单中的某个元素后，在v-for里面用上一个下标，把下标传入，然后会相应的把数据放到二级菜单中。

选中变色的话是 v-bind:class的应用， :class的效果就是选中后让curr（也就是当前选中的值）对应的Index的值得那个标签添加上一个类，类会变蓝色。

还有就是注意到冒泡事件，所以要阻止一下冒泡事件