form 中子表单设置type: 'form'，下拉框change事件无效

版本： 2.9.5
配置：{
'menuBtn': false,
'column': [
{
'label': '',
'prop': 'jointables',
'type': 'dynamic',
'labelWidth': '0',
'span': 24,
'children': {
'align': 'center',
'index': false,
'labelWidth': 120,
'type': 'form',
'column': [
{
'label': '新表名称',
'prop': 'tableName',
'span': 24,
'row': true,
'rules': [{
'message': '新表名称不能为空', 'required': true
}]
},
{
'label': '左表',
'prop': 'leftTableName',
'type': 'select',
'dicData': safe.leftTableDicList,
'rules': [{
'message': '左表不能为空', 'required': true
}],
'change': ({ value }) => {
console.log('--------');
if (value) {
safe.setAnotherJoinTable(value, 'rightTableName');
safe.getJoinTableColumnDic(value, 'leftColumnName');
}
}
},
{
'label': '左表关联字段',
'prop': 'leftColumnName',
'type': 'select',
'dicData': [],
'rules': [{
'message': '左表关联字段不能为空', 'required': true
}]
},
{
'label': '右表',
'prop': 'rightTableName',
'type': 'select',
'dicData': safe.rightTableDicList,
'rules': [{
'message': '右表不能为空', 'required': true
}],
'change': ({ value }) => {
if (value) {
safe.setAnotherJoinTable(value, 'leftTableName');
safe.getJoinTableColumnDic(value, 'rightColumnName');
}
}
},
{
'label': '右表关联字段',
'prop': 'rightColumnName',
'type': 'select',
'dicData': [],
'rules': [{
'message': '右表关联字段不能为空', 'required': true
}]
}
]
}
}
]
}

测试么问题啊可以发个复现视频吗

输入图片说明

<!DOCTYPE html>

<html class="no-js">

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title></title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>
  <script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
  <link rel="stylesheet" href="../../cdn/element-ui/theme-chalk/index.css" />
  <script src="../../cdn/element-ui/index.js"></script>

  <link rel="stylesheet" href="../../../lib/index.css" />
  <script src="../../../lib/avue.js"></script>
</head>

<body>
  <div id="app">
    <avue-form :option="option" v-model="obj"> </avue-form>
  </div>
</body>
<script>
  new Vue({
    el: '#app',
    data() {
      return {
        obj: {
          dynamic: [{
            input: 1,
            select: 1,
            radio: 1,
            number: 11
          }]
        },
        option: {
          labelWidth: 110,
          column: [{
            label: '子表单',
            prop: 'dynamic',
            type: 'dynamic',
            span: 24,
            children: {
              height: 300,
              align: 'center',
              headerAlign: 'center',
              column: [{
                label: '选择框',
                prop: "select",
                type: 'select',
                change: (val) => {
                  console.log('===', val)
                },
                dicData: [{
                  label: '测试1',
                  value: 1
                }, {
                  label: '测试2',
                  value: 2
                }]
              }]
            }
          }]
        }
      }
    }
  })
</script>

</html>

这样是没问题，加上这个以后就失效了输入图片说明

type:'crud'的时候是没问题的，改成form就会失效，我刚才更新到最新版本也是一样的

2.10.4+修复

GVP smallwei / Avue

Content Risk Flag

Comments (6)

GVPsmallwei / Avue

Content Risk Flag