元素B的值决定元素A是否在页面上显示的实现

 

1、在前端页面中写一个currentSel方法，方法中根据元素所选值给参数params_visable赋值（注意与前后其他方法的格式）：

currentSel(selectval){
        //在页面的开发者模式的console打印所选择的方法类型，方便调试
        console.info(selectval);
        //对所选类型进行判断，如果是get请求，参数输入框隐藏，否则显示
        if(selectval == 'get'){
          this.params_visable = false;
        }else{
           this.params_visable = true;
        }
      }

2、给元素B添加一个属性，属性调用方法currentSel，格式：@change=”currentSel”

3、给元素A添加一个属性，属性值为data中的值，v-if=”params_visable”

 

4、在data中给参数params_visable一个初始值

 

最后效果是，当页面中类型选择get时，参数输入框隐藏，否则参数输入框正常显示