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)
    }
  }复制代码