avue-crud 新增弹窗里根据select的内容动态控制显隐其它字段

@change="handleChange"
<avue-crud :option="option"
               :table-loading="loading"
               :data="data"
               ref="crud"
               :cell-style="{padding:'0'}"
               :page.sync="page"
               v-model="form"
               :permission="permissionList"
               :before-open="beforeOpen"
               :before-close="beforeClose"
               @change="handleChange"
               @row-del="rowDel"
               @row-update="rowUpdate"
               @row-save="rowSave"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">

column


            {
              label: "是否乐企",
              prop: "isLq",
              type: "select",
              // search: true,
              align: 'center',
              width: 95,
              dicData: [
                {
                  label: "否",
                  value: 0
                },
                {
                  label: "乐企自用",
                  value: 1
                },
                {
                  label: "乐企联用",
                  value: 2
                },
                {
                  label: "乐企他用",
                  value: 3
                }
              ],
            },
      {
              label: '证件类型',
              prop: 'drawerIdType',
              type: 'select',
              cell: true,
              dicData: sfzData,
              rules: [
                {
                  required: true,
                  message: "请选择证件类型",
                  trigger: "blur",
                },
              ],
              display: false,
            },
            {
              label: '证件号码',
              prop: 'drawerIdNumber',
              cell: true,
              rules: [
                {
                  required: true,
                  message: '请输入证件号码',
                  trigger: 'blur'
                }
              ],
              display: false,
            },

methods

      handleChange(value) {
        let columnZjlx = this.findObject(this.option.column, "drawerIdType")
        let columnZjhm = this.findObject(this.option.column, "drawerIdNumber")
        if(value.isLq == 2) {
          columnZjlx.display = true;
          columnZjhm.display = true;
        } else {
          columnZjlx.display = false;
          columnZjhm.display = false;
        }
      },

 

posted @ 2024-08-27 11:11  LaLaLa_heng  阅读(778)  评论(0)    收藏  举报