form-create icon indicating copy to clipboard operation
form-create copied to clipboard

beforeFetch全局配置不触发

Open jackzhujie opened this issue 1 year ago • 2 comments

"vue": "^3.3.4", "@form-create/element-ui": "^3.1.27", "element-plus": "2.2.0",

select组件配置fetch请求数据,但是全局配置的beforeFetch钩子不触发

<template>
  <FormCreate :rule="rule" :option="options" v-model="formData" v-model:api="fApi"></FormCreate>
</template>
<script setup>
//导入 form-create
import formCreate from "@form-create/element-ui";
import install from '@form-create/element-ui/auto-import'
formCreate.use(install);
import {ref} from "vue";
//获取 formCreate 组件
const FormCreate = formCreate.$form();
const fApi = ref({});
const formData = ref({});
const options = ref({
  //表单提交事件
  onSubmit: function (formData) {
    console.log(fApi.value.getRule('goods_name2'), 'test')
    console.log(fApi.value.getRule('object'), 'test')
  },
  beforeFetch: function() {
    console.log('run111111111111111111111111111111111111111111111111111111111111111111111111111111')
  }
});

const rule = ref([
  {
    type: 'select',
    field: 'city',
    title: '城市',
    value: '陕西省',
    options: [],
    effect: {
      fetch: {
        action: 'http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/100000_province.json',
        to: 'options',
        method: 'GET',
        parse(res) {
          return res.rows.map(row => {
            return {
              label: row.name,
              value: row.adcode
            }
          })
        }
      }
    }
  }
]);
</script>

jackzhujie avatar Jan 09 '24 08:01 jackzhujie

这是个bug,下个版本修复

xaboy avatar Jan 09 '24 10:01 xaboy

fetch 里面的action 'http://datavmap-public.oss-cn-hangzhou.aliyuncs.com/areas/csv/{id}_province.json', 里面的url 要动态设置 要怎么处理?比如里面需要动态设置{id}

rujianwang avatar Jan 17 '24 09:01 rujianwang