zoukankan      html  css  js  c++  java
  • AVUE 监听FORM某一字段值来进行动态显隐

    废话不多说直接上代码

    <avue-form :option="option" ref="form" v-model="form"></avue-form>
    <script>
    export default {
      data(){
        return {
           form:{
              text1:0,
           },
           option:{
              column: [{
                label: '内容1',
                prop: 'text1',
                type:'radio',
                dicData:[{
                  label:'隐藏',
                  value:0
                },{
                  label:'显示',
                  value:1,
                }]
              },{
                label: '内容2',
                prop: 'text2',
                display:true,
                rules: [],
              }]
           }
        }
      },
      watch:{
        'form.text1':{
          handler(val){
            var text2 =this.findObject(this.option.column,'text2')
            if(val===0){
              text2.display=true
              text2.rules=[{
                required: true,
                message: "请输入内容2",
                trigger: "blur"
              }]
            }else{
              text2.display=false
              text2.rules=[]
            }
          },
          immediate: true
        },
      }
    }
    </script>

    avue更新到最新版使用此方法 

  • 相关阅读:
    学习自建调试体系(二)
    寻找未导出函数的函数地址
    Http
    git忽略.gitignore
    Flask-sqlacodegen
    liunx速查
    BBS论坛项目
    vim操作
    部署
    python3 环境搭建
  • 原文地址:https://www.cnblogs.com/xubao/p/15271848.html
Copyright © 2011-2022 走看看