元素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时,参数输入框隐藏,否则参数输入框正常显示

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值