Avue crud的新增时动态显隐字段

描述 表单里有两个字段,一个单选按钮,一个输入框,单选按钮是a时展示输入框字段,是b是隐藏输入框字段

{
  label:'选择',
  prop:"radio",
  type:'radio',
  dicData:[
      {
      label:'A',
      value:0
      },
      {
      label:'B',
      value:1
      },
  ],
  formatter: function (row) {
    if(row.__ob__.dep.subs[0].vm.option)
    {
      if(row.radio===0){
        row.__ob__.dep.subs[0].vm.option.column[1].addDisplay=true
      }else{
        row.__ob__.dep.subs[0].vm.option.column[1].addDisplay=false
      }
    }
  },
},{
  label:"名字",
  prop:"name",
  addDisplay:false,
},

使用formatter去修改

因为初始化时 row.__ob__.dep.subs[0].vm没有option属性,会导致列表展示不出来,所以要判断row.__ob__.dep.subs[0].vm.option存不存在

实现类似效果(图是从avue的form文档截取的)

同理可以在配置文件里使用row.__ob__.dep.subs[0].vm.option去修改option的任意值

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值