动态显隐

根据一项的选择决定是否显示其他项

普通用法

根据watch监听对象属性的去做逻辑,调用组件内部方法去findColumnIndex根据prop去寻找配置属性

<avue-form :option="option" ref="form" v-model="form"></avue-form>
<script>
export default {
  data(){
    return {
       form:{
          text1:0,
          text2:'文本2',
       },
       option:{
          column: [{
            label: '内容1',
            prop: 'text1',
            type:'radio',
            dicData:[{
              label:'隐藏',
              value:0
            },{
              label:'显示',
              value:1,
            }]
          },{
            label: '内容2',
            prop: 'text2',
            display:true,
          }]
       }
    }
  },
  watch:{
    'form.text1'(){
      const column =this.option.column[1];
      if(this.form.text1===0){
        column.display=true
      }else{
        column.display=false
      }
    }
  }
}
</script>