vue iviewを使用してラジオ、選択禁止、ドロップダウンボックスの効果を実現

    

        
      
        
        
      
    
    

      IP  
      
        
        
      
    
    

      IP
      
    
    

      mask
      
    
    

      Gw
      
    
    

          
      
        {{item.userName}}
      
    
  
  
  data(){
      return{
        animal:'  ',
        animalIP:'  IP',
        value1:'',
        value2:'',
        value3:'',
        disabled:false,//  input 
        disabledF:false,//     
        valueOption:'asp',//        
        userList:[//       
          {
            userId:'1',
            userName:'asp',
          },
          {
            userId:'2',
            userName:'sta',
          }
        ]
      }
  },
  methods:{
  //     
      KongFun(){
        console.log(this.animal)
        if(this.animal=='  '){
            this.disabled=true
            this.disabledF=true
        }else{
           this.disabled=false
           this.disabledF=false
        }
      },
    //  ip 
    IPFun(){
      if(this.animalIP=='    '){
        this.disabled=true
        this.disabledF=false
      }else{
        this.disabled=false
        this.disabledF=false
      }
    },
    //         
    selectFun(){
        console.log(this.valueOption)
    }
  }