用于JS增強**form**頁面 ### 屬性 ***此處的屬性獲取的大多都是ref對象**，需要手動調用.value進行獲取/修改值，如this.loading本身返回的是一個ref對象，this.loading.value才是一個布爾值* | 語法| 描述 | | --- | --- | | this.loading| 是否加載中，返回的是一個ref對象| | this.isUpdate| 是否是編輯頁面，返回的是一個ref對象| | this.onlineFormRef| 主表/單表表單的ref對象| | this.refMap| 子表表單/子表table的ref對象map，key為子表表名| |this.subActiveKey|子表的激活的tab索引值對應的字符串，從`‘0’`開始，返回的是一個ref對象| |this.sh|單表/主表字段的顯示隱藏狀態| | this.submitFlowFlag| 是否提交表單后自動提交流程，返回一個ref對象| | this.subFormHeight| 一對一子表表單的高度，不需要設置，返回一個ref對象| | this.subTableHeight| 一對多子表table的高度，不需要設置，返回一個ref對象| | this.tableName| 當前表名，返回的是一個ref對象| | this.$nextTick| 調用的是vue3的nextTick| ---- ### 方法 | 語法| 參數說明|描述 | | --- | --- |--- | |this.addSubRows(tableName, rows)| tableName:表名；<br/>rows：數組數據，如[{name:'',age:''},{name:'',age:''}]|往一對多子表table里添加數據| | this.changeOptions(field, options)|field:字段名；<br/>options:下拉項數組，如[{value:'1',label:'男'},{value:'2',label:'女'}]| 改變單表/主筆 下拉控件的下拉選項| |this.clearSubRows(tableName)|tableName：表名|清空一對多子表table的數據| |this.clearThenAddRows(tableName, rows)|tableName：表名；<br/>rows數據數組，如[{name:'',age:''},{name:'',age:''}]|先清空一對多子表table的數據，再往里添加數據| | this.getFieldsValue()|- |獲取主表/單表 所有字段的值| | this.getSubTableInstance(tableName)|tableName:子表的表名 |獲取子表的實例對象，這個對象可以調用子表table的方法| | this.setFieldsValue(row)| row:表單數據對象，如：{name:'',age:''}|設置主表/單表 字段的值| |this.triggleChangeValues(values,id,target)|values:數據對象，如{name:'',age:''}；<br/>id:一對多子表所在行的數據id；<br/>target：一對多子表table的對象|改變單表/主表/子表 字段的值，一般用于change事件，其中id，target需要通過change事件的內置參數獲取，如果不傳id，target的值，則改變的是主表的字段| |this.triggleChangeValue(field, value)|field:表單字段名；<br/>value:值|設置單表/主表 字段的值| ### 事件 | 語法| 描述 | | --- | --- | | beforeSubmit| 表單提交前事件| | loaded| 表單渲染完成后事件| | onlChange| 表單值改變事件| | 子表名_onlChange| 子表控制值改變事件| ### 禁用 動態禁用某個字段 ``` this.updateSchema({ field: 'name', componentProps: { disabled: true } }) ```